HTML5バージョンで導入された3ページレベルのイベントがあります。
| イベント | 説明 |
| DOMContentLoaded | DOMツリー形式のトリガー（同時に、画像、CSS、およびJavaScriptがまだロードされてもよい）の後。このイベントでは、スクリプトは、以前のLoadイベントで実行されます（画像や広告など）すべてのリソースがロードされるため、負荷がお待ちしておりますので、唯一のイベントの後にトリガされます。このようにして、ページの外観はより速くロードになります。 |
| なhashchange | （ウィンドウ全体のリフレッシュを引き起こすことなく）場合、変更URLのハッシュ値をトリガー。ハッシュ値は、通常、（また、アンカーとも呼ばれる）の異なる部分を指定するリンクに使用され、それが中にロードするために、AJAXを使用して、ページのコンテンツに使用されます。 |
| beforeunload | ページはwindowオブジェクト上のトリガの前にアンロードされたとき。 |
例：
1 <！DOCTYPE HTML> 2 <HTML> 3 <ヘッド> 4 <メタのcharset = " UTF-8 " > 5 <タイトル> DOMContentLoaded事件</タイトル> 6 <メタのcharset = " UTF-8 " > 7 <メタ名= " ビューポート"コンテンツ= " 幅=デバイス幅、初期スケール= 1.0 " > 8 </ HEAD> 9 <BODY> 10 用户名：<入力されたID = "ユーザー「タイプ= 」テキスト" > <BR> 11 密码<入力されたID = " パスワード"タイプ= " テキスト" > <BR> 12 其它<入力されたID = " メッセージ"タイプ= " テキスト" > 13 14 <スクリプト> 15 機能設定（） { 16 のVaR のTextInput; 17 のTextInput =のdocument.getElementById（" ユーザ" ）; 18 // 设置焦点 19 textinput.focus（）。 20 } 21 22 window.addEventListener（' DOMContentLoaded '、セットアップ、偽）。 23 24 </スクリプト> 25 </ BODY> 26 </ HTML>