「javascript」の編集履歴(バックアップ)一覧はこちら
javascript - (2012/11/14 (水) 17:30:25) の最新版との変更点
追加された行は緑色になります。
削除された行は赤色になります。
*jQueryでinnerHTML
----
更新日 2012-11-14
http://d.hatena.ne.jp/SeaHacker/20090228/1235783105
*fadeOut()
----
#highlight(){$("#id").fadeOut()}
#image(http://www.teststorage.miraiserver.com/wordpress/wp-content/uploads/2012/10/4f630c8494d9a5d27df1561052a9d2d3.png)
#image(http://www.teststorage.miraiserver.com/wordpress/wp-content/uploads/2012/10/f01ba63f2bdef24c68663283cc536434.png)
#image(http://www.teststorage.miraiserver.com/wordpress/wp-content/uploads/2012/10/452faa8a23035228c7d6dcc7e02104b4.png)
*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
*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]]