<！DOCTYPE HTML>
<HTML>
<HEAD>
<METAのcharset = "UTF-8">
<タイトル> </ TITLE>
<SCRIPT> // id属性の値に基づいて、文書から要素を取得VARを btnObj =のdocument.getElementById （ "BTN" ）;
// 現在のボタン要素（オブジェクト）について、登録クリックイベント、イベントハンドラ（匿名関数）を追加
btnObj.onclick = 機能（）{
// 応答が行う
アラート（ "JAJA" ）;
}; </ SCRIPT>
</ HEAD>
<BODY>
の<input type = "ボタン"値= "表示" ID = "BTN" />
</ BODY>
</ HTML>
上記のコードが実行された後、ディスプレイ
変更を行い、あなたは内のファイルをJSする必要があるの下部負荷：
<！DOCTYPE HTML>
<HTML>
<HEAD>
<METAのcharset = "UTF-8">
<タイトル> </ TITLE>
</ HEAD>
<BODY>
<INPUTタイプ= "ボタン"値= "表示効果" ID = 「BTN」/>
<スクリプト> // id属性の値に基づいて、文書から要素を取得VAR btnObj =のdocument.getElementById（「BTN」）;
// 現在のボタン要素（オブジェクト）のため、登録をクリックしてイベント、追加イベントハンドラ（無名関数）
btnObj.onclick = 関数（）{
// 応答が行う
アラート（ "JAJA" ）;
}; </ SCRIPT>
</ BODY>
</ HTML>
通常のコード実行
理由：あなたは、トップダウン、完成ロードからHTML文書を作成し、ブラウザのロード順序ので、内部の頭の中のjsファイルは、onclickを結合した、またはonmouseoverイベント場合は、上記のようなエラーが発生しますが発生します実行前JSボタンノードなので、ブラウザはトップダウンを解析する際に、ボタンのonclickノードを結合ので、エラーを見つけることができませんでした。
溶液：まず、ローディングJSファイルの下部に、第二、window.onload =関数を使用して（）{} JSパッケージの内容。