facebook twitter hatena line email

「Javascript/ブックマークレット」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(dom操作サンプル)
(jqueryサンプル)
 
行12: 行12:
 
==jqueryサンプル==
 
==jqueryサンプル==
 
test1のclassがついたタグ内をhogeに変更
 
test1のclassがついたタグ内をhogeに変更
  !function(d,f,s){s=d.createElement("script");s.src="//j.mp/1bPoAXq";s.onload=function(){f(jQuery.noConflict(1))};d.body.appendChild(s)}(document,function($){});$(".test1").html("hoge");
+
  javascript:!function(d,f,s){s=d.createElement("script");s.src="//j.mp/1bPoAXq";s.onload=function(){f(jQuery.noConflict(1))};d.body.appendChild(s)}(document,function($){});$(".test1").html("hoge");
 
参考:http://qiita.com/otchy/items/5c4f2e1b2a93ac200f1c
 
参考:http://qiita.com/otchy/items/5c4f2e1b2a93ac200f1c

2017年1月29日 (日) 19:46時点における最新版

ブックマークレットとは

お気に入りからjavascriptを実行

サンプル

以下をとりあえずurlに登録するとhogeがalertとして出てくる

javascript:alert("hoge");

dom操作サンプル

test1のclassがついたタグ内をhogeに変更

javascript:document.getElementsByClassName("test1")[0].innerHTML="hoge;

jqueryサンプル

test1のclassがついたタグ内をhogeに変更

javascript:!function(d,f,s){s=d.createElement("script");s.src="//j.mp/1bPoAXq";s.onload=function(){f(jQuery.noConflict(1))};d.body.appendChild(s)}(document,function($){});$(".test1").html("hoge");

参考:http://qiita.com/otchy/items/5c4f2e1b2a93ac200f1c