「javascript」の編集履歴（バックアップ）一覧はこちら

「javascript」(2013/03/28 (木) 20:47:25) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

*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]]

*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]]