「javascript」の編集履歴(バックアップ)一覧はこちら
javascript - (2013/03/28 (木) 20:37:18) の1つ前との変更点
追加された行は緑色になります。
削除された行は赤色になります。
*idのグローバル変数化
----
htmlで指定したidの名称は、javascriptのグローバル変数として保存される。
html
#highlight(html){<div id="hoge"></div>}
js
#highlight(html){console.log(hoge);}
参考:http://dev.w3.org/html5/spec-preview/browsers.html#named-access-on-the-window-object
*jQueryでinnerHTML
----
http://d.hatena.ne.jp/SeaHacker/20090228/1235783105
*fadeOut()
----
#highlight(){$("#id").fadeOut()}
下の画像に、innerHTMLを使った場合とfadeOut()を使った場合はどうなるか。
#image(http://www.teststorage.miraiserver.com/wordpress/wp-content/uploads/2012/10/4f630c8494d9a5d27df1561052a9d2d3.png,width=500)
innerHTMLの場合
#highlight(){$("#id").html(<div>test</div>)}
#image(http://www.teststorage.miraiserver.com/wordpress/wp-content/uploads/2012/10/f01ba63f2bdef24c68663283cc536434.png,width=500)
fadeOut()の場合
#highlight(){$("#id").fadeOut()}
#image(http://www.teststorage.miraiserver.com/wordpress/wp-content/uploads/2012/10/452faa8a23035228c7d6dcc7e02104b4.png,width=500)
*functionのスコープ
----
#highlight(){
window.addEventListener("load", function() {
function fuga()
{
var fuga = document.createElement('fuga');
fuga.innerHTML = '<input type="button" onclick="hoge()">';
}
function hoge(){
console.log('hoge');
}
});
}
上のコードでは、buttonをクリックしてもhogeメソッドが見つかりませんとなる。理由は、hogeメソッドのスコープがwindow.addEventListerのなかだから。
イベントリスナーの外で定義してあげれば無事動作する。
*Node.jsインストール
----
[[参考URL>http://d.hatena.ne.jp/replication/20120302/1331649225]]
*Cloud9インストール
----
[[参考URL>http://d.hatena.ne.jp/tomotaro1065/20121111/1352609924]]
*idのグローバル変数化
----
htmlで指定したidの名称は、javascriptのグローバル変数として保存される。
html
#highlight(html){<div id="hoge"></div>}
js
#highlight(js){console.log(hoge);}
参考:http://dev.w3.org/html5/spec-preview/browsers.html#named-access-on-the-window-object
*jQueryでinnerHTML
----
http://d.hatena.ne.jp/SeaHacker/20090228/1235783105
*fadeOut()
----
#highlight(){$("#id").fadeOut()}
下の画像に、innerHTMLを使った場合とfadeOut()を使った場合はどうなるか。
#image(http://www.teststorage.miraiserver.com/wordpress/wp-content/uploads/2012/10/4f630c8494d9a5d27df1561052a9d2d3.png,width=500)
innerHTMLの場合
#highlight(){$("#id").html(<div>test</div>)}
#image(http://www.teststorage.miraiserver.com/wordpress/wp-content/uploads/2012/10/f01ba63f2bdef24c68663283cc536434.png,width=500)
fadeOut()の場合
#highlight(){$("#id").fadeOut()}
#image(http://www.teststorage.miraiserver.com/wordpress/wp-content/uploads/2012/10/452faa8a23035228c7d6dcc7e02104b4.png,width=500)
*functionのスコープ
----
#highlight(){
window.addEventListener("load", function() {
function fuga()
{
var fuga = document.createElement('fuga');
fuga.innerHTML = '<input type="button" onclick="hoge()">';
}
function hoge(){
console.log('hoge');
}
});
}
上のコードでは、buttonをクリックしてもhogeメソッドが見つかりませんとなる。理由は、hogeメソッドのスコープがwindow.addEventListerのなかだから。
イベントリスナーの外で定義してあげれば無事動作する。
*Node.jsインストール
----
[[参考URL>http://d.hatena.ne.jp/replication/20120302/1331649225]]
*Cloud9インストール
----
[[参考URL>http://d.hatena.ne.jp/tomotaro1065/20121111/1352609924]]