「Javascript/ブックマークレット」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「==ブックマークレットとは== お気に入りからjavascriptを実行 ==サンプル== 以下をとりあえずurlに登録するとhogeがalertとして出て...」) |
(→jqueryサンプル) |
||
(同じ利用者による、間の1版が非表示) | |||
行8: | 行8: | ||
==dom操作サンプル== | ==dom操作サンプル== | ||
test1のclassがついたタグ内をhogeに変更 | test1のclassがついたタグ内をhogeに変更 | ||
− | document.getElementsByClassName("test1")[0].innerHTML="hoge; | + | javascript:document.getElementsByClassName("test1")[0].innerHTML="hoge; |
==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");