JavaScriptでform要素を参照で気になってること

最初に言っておくが、これは素のJavaScriptの話。
実プロジェクトでは、jQueryとかライブラリ使うことの方が多いでしょう。

form要素を参照するにはいくつか方法あるが、気になっていることがある。

この場合、formBy*は全て「HTMLFormElement」になる。

で、気になっていること。
「documentのプロパティ」ってどういうルールで生成されるの?ってこと。
いろいろ試した見解としては、「form && nameが指定されている」要素に関しては生成されるのだろうか?と思っているが真相はいかに。。。

おわり。

Pocket

Posted in JavaScript.

JavaScriptのconsole

クライアントサイドJavaScriptのデバッグは、FirefoxアドオンのFirebug、ChromeのJavaScriptコンソールなどに「console.log」でprintデバッグしてるんだけど・・・
consoleってよくよくみるとこんなにプロパティ(メソッド)あったのか。というメモ。

http://getfirebug.com/wiki/index.php/Console_API
http://minipaca.net/blog/javascript/firebug-console-api/

おわり。

Pocket

Posted in JavaScript.

JavaScriptの実行タイミングめも

ただのメモ。

  1. scriptタグ内
    scriptタグが解析された直後。
    headに書いてあると、下にかかれたHTML(DOM要素)を解釈できない。
  2. 外部JavaScriptファイル読み込み
    ファイルを読み込みおわった直後。
  3. onload
    HTMLに書かれている画像など全てを読み込み終わった直後。
    body onload=”alert(‘hoge’)”
    window.onload = function() { alert(‘hoge’); };
  4. DOMContentLoaded
    HTMLの解析がおわった直後。
    onloadのように画像などの読み込みに依存しない。
    jQueryのreadyはDOMContentLoaded。
    IE8以前ではdoScroll。

onloadってそういうことだったのか。。。

参考
パーフェクトJavaScript
P226 Webページを表示するときの処理の流れ

おわり。

Pocket

Posted in JavaScript.