JSとCSSの導入/書き込み位置はどこに置けばいいですか?
2673 ワード
HTML 5では、CSSとJSファイルを導入する際にheadタグに入れるべきかbodyに入れるべきか.1.ヘッダーにCSSを導入し、
2,JSの配置位置a.あるjsは即時実行であり,あるjsは呼び出し実行である.(すぐに実行Webページで開くと効果が表示されますが、呼び出し実行は、一般的に他のコントロールがイベントをトリガーしたときに呼び出されます.)
b.効率を追求する場合:JSはbodyの末尾に導入することを提案する(自分で作成したか、初期化しないでロードすることを強調する);理由:scriptにページが順次ロードされるとdomツリーの解析とレンダリングが一時停止し、jsロードの実行が完了するまでページは後続のコンテンツの不完全な状態を維持します.scriptを後置すると、特にスクリプトのダウンロードや実行に時間がかかる場合に顕著になります.
3,BSの標準テンプレート
PS:これにより、ユーザーがスタイルの な ロジックを に ることができ、ウェブページ の が してから になるのを つことができ、Web の に である.
PS:この は の を し、 を した.https://www.zhihu.com/question/20357435/answer/14878543
2,JSの配置位置a.あるjsは即時実行であり,あるjsは呼び出し実行である.(すぐに実行Webページで開くと効果が表示されますが、呼び出し実行は、一般的に他のコントロールがイベントをトリガーしたときに呼び出されます.)
, head , (head)。
, js (body)。
b.効率を追求する場合:JSはbodyの末尾に導入することを提案する(自分で作成したか、初期化しないでロードすることを強調する);理由:scriptにページが順次ロードされるとdomツリーの解析とレンダリングが一時停止し、jsロードの実行が完了するまでページは後続のコンテンツの不完全な状態を維持します.scriptを後置すると、特にスクリプトのダウンロードや実行に時間がかかる場合に顕著になります.
PS:js ,script
3,BSの標準テンプレート
Bootstrap Basic Template
PS:これにより、ユーザーがスタイルの な ロジックを に ることができ、ウェブページ の が してから になるのを つことができ、Web の に である.
4,JS CSS , ( img js css ) , :
a. JS DOM. , document.write. , JS , 。
JS 。
b. JS 。 , var width = $('#id').width(). ,JS , JS css( ) 。 CSS JS 。
c. , prefetch 。 , , UI update , ,
JS CSS ( , , )。 prefetch , , ,
JS CSS , 。
PS:この は の を し、 を した.https://www.zhihu.com/question/20357435/answer/14878543