「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");
