A、DOMとドキュメント
●DOM:ドキュメントオブジェクトモデルドキュメントオブジェクトモデル、標準的なHTMLドキュメント内のオブジェクトを記述するために使用
●ドキュメント:ドキュメントオブジェクト、オブジェクトはルートDOMツリーで、Documentオブジェクトは、HTML文書全体を表し、アクセスするページ上のすべての要素を使用することができ、最も複雑なオブジェクトは、DOMです
第二に、HTMLページをレンダリングする解決プロセス
●、Webページを解析を開始、ドキュメントオブジェクトを作成した文書、ステージ文書に追加されたオブジェクトのHTMLElementを作成します。readyStateの= 'ロード'
●ヘッドタグは、外部ファイル、遭遇した外部リンクのCSSへの参照は、負荷にスレッドを作成し、文書を解析し続けることをいくつかのコードが含まれています。
●出会い外部jsのスクリプトは、と延期、ブラウザが負荷にスレッドを作成し、そして、何の設定非同期ありません、ブロッキングロードjsのを待っていると、スクリプトを実行し、その後、文書を解析し続けます。
●出会いスクリプト外部JS、および非同期を備えているが、defter、ブラウザは、負荷にスレッドを作成し、文書を解析し続けます。
◇スクリプトの非同期属性を設定し、スクリプトが非同期ですぐに完全に実行ロードされています
負荷へのプロパティスクリプトdefterセット◇後にし、文書の解析の実装を完了
◇スクリプト要素は、など、動的な挿入非同期属性をシミュレートするためにロードされ、非同期に実行されるスクリプトを達成するために。
●出会いIMG他のブラウザでは、負荷にスレッドを作成し、文書を解析し続けます。
●文書が解析されると、document.readystateで=「インタラクティブ」、オブジェクトモデルが有効であるが、読み取り専用です。すべての注文を実行するスクリプト延期提供。(非同期とは違ってことに注意してください)
また、プログラムをマーク●ドキュメントオブジェクトトリガーDOMContentLoadedイベントは、同期スクリプトの実行段階から実行されたイベント駆動型のステージに変身します。
読み込みが完了した後にスクリプトが完成読み込み、すべての非同期の実行、IMG、などがある場合●、document.readystateで=「完全」、ウィンドウがトリガーロードイベントオブジェクト。
DOMContentLoadedや負荷の違い:
◇DOMContentLoaded:文書が解析された、ページ内のDOM要素は、jQueryを使ってイベントのアクションで準備ができて利用可能ですが、画像、ビデオ、オーディオ、およびその他のリソースのページがロードされていません
◇負荷:違いは、後者完全にロードされたページのすべてのリソースが完了していることです。
ユーザ入力、ネットワークイベントに応答して非同期であるので●、。