プログラミング学習の記録 176 独習JavaScript (大型本)の第8章の練習問題8.1

開発環境:Mac OS X Snow Leopard+Firefox(ブラウザ)+Firebug(アドオン)

"独習JavaScript (大型本)"の第8章、p.260の練習問題8.1を解いてみる。




1.
<script type="text/javascript"> var button=document.getElementById("button"); button.onclick=function(){ alert("こんにちは,"+document.form.name.value+"さん!"); } </script> <form name="form"> お名前をどうぞ: <input type="text" id="name" name="name"/> <input type="button" id="button" name="button" value="ボタン"/> </form>

お名前をどうぞ:

2.

問題: イベントリスナを登録するJavaScriptコードが対象のHTMLの要素の解釈がすんでない時点で記述されていて、存在しない要素に大してイベントリスナを登録することになりエラーになる。

解決方法: 対象のHTML要素の後にイベントリスナを登録するJavaScriptコードを記述すればよい。あるいはWindow オブジェクトのonloadイベントハンドラを使用してイベントリスナを登録すれば、HTMLページの読み込みが完了したタイミングで発生するためエラーが発生しなくなる。

3.

ダイアログにはクリックが表示される。