私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。ような外部リソースやスタイルシートはまだ読み込まれていない可能性があります。スタイルなど)を読み込みました。ユーザがページを離れようとしているとき。ノードを調べ、インタフェースを初期化することができます。追加のリソースがロードされ、画像のサイズなどが取得できます(HTML/CSSで指定されていない場合)。ユーザが離れようとしており、ユーザが行ったページ上での変更を保存するかを確認したり、本当に離れたいかを尋ねることができます。これらのイベントの詳細について見ていきましょう。オブジェクトで発生します。ハンドラはドキュメントがロードされたときに実行され、ページ読み込みは待ちません。表示されるサイズはゼロです。イベントはとてもシンプルです。特徴はほとんどありません。構築を続けることができません。スクリプトを実行する必要があります。発生する可能性があります。構築は一時停止します。外部スクリプトも待ちます。属性をもつ外部スクリプトです。これらは、ブラウザにそのスクリプトは待たずに処理を続けるよう言います。ユーザはスクリプトのロードが終わる前にページを見ることができ、パフォーマンスに良いです。外部スクリプトに対してのみ動作します。ない場合には無視されます。スクリプトをロードします。その後、ロードできたらスクリプトを実行します。構築とページレンダリングをブロックしません。そららの間に2つの違いがあります。最初にロードされたものが最初に実行されます。持つスクリプトは、ドキュメントがまだ完全にダウンロードされていなくても実行されることがあります。キャッシュされており、ドキュメントが十分長い場合に発生します。持つスクリプトは、ドキュメントがロードされ、パースされた後(必要に応じて待機する)に実行されます。完全に独立したスクリプトに対して使われます。スタイルの後にスクリプトがある場合、そのスクリプトはスタイルシートが実行されるのを待たなければなりません。alert(getComputedStyle(document.body).marginTop);</script>この理由は、上の例のように、スクリプトが座標や他のスタイルに依存した要素のプロパティを取得したい場合があるためです。それはスタイルがロードされるのを待たなければいけません。スクリプトを待つので、その前のスタイルも同様に待つことになります。それらを自動入力しようとする場合があります(ユーザが許可している場合)。延びると、自動入力もまた待ちます。ログイン/パスワードフィールドの自動入力がすぐにはされず、ページが完全にロードされるまで遅延があります。イベントまでの遅延です。ブロックせず、ブラウザの自動入力に遅延がないことです。イベントはスタイルや画像、その他リソースを含めページ全体が読み込まれたときにトリガされます。すべての画像を待つため、画像サイズを正しく表示します。そこでは、関連するポップアップウィンドウを閉じるなど、遅延なく何かをすることができます。別のページへの遷移をキャンセルすることはできません。ハンドラで追加の確認を尋ねることができます。質問の文字列を返す必要があります。ブラウザはそれを表示します。ハンドラを設定するためにボタンをクリックしてください。その後、そのハンドラの実行を見るためにリンクをクリックしてみてください。ような一部のブラウザは文字列を無視し、代わりに独自のメッセージを表示します。これは安全のためであり、潜在的な誤解を招くメッセージやハックしたメッセージからユーザを保護するためにそのようになっています。ハンドラを設定すると何が起こるでしょうか?当然、実行されません。ドキュメントが準備できたかどうかが定かでない場合があります。属性を持つ外部スクリプトを読み込み、それが非同期に実行するような場合です。ネットワークに依存して、ドキュメントが完成する前に実行されるかもしれないし、その後かもしれず、定かではありません。従って、我々はドキュメントの現在の状態を知ることができるべきです。プロパティは我々にその情報を提供します。3つの値を取り得ます。ドキュメントがロード中です。ドキュメントは完全に読み込まれました。ドキュメントは完全に読み込まれ、すべてのリソース(画像のような)も読み込まれました。チェックし、ハンドラを設定、もしくはすでに準備出来ている場合はすぐにコードを実行することができます。次のようにしてこれらの状態を出力することができます。イベントはドキュメントの読み込み状態を追跡する代替のメカニズムで、それは昔に登場しました。最近ではほとんど使われていませんが、完全性のために説明しておきます。ハンドラを持つドキュメントがあります。onload角括弧内の数値はそれが発生したおおよその時間を示します。