ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript タグの位置の保存とその function_javascript スキルの間に関係があるかどうかを議論する

JavaScript タグの位置の保存とその function_javascript スキルの間に関係があるかどうかを議論する

WBOY
WBOYオリジナル
2016-05-16 15:19:51960ブラウズ

Web ページでは、HTML ファイル内のどこにでも JavaScript コードを配置できますが、通常は head タグまたは body タグの中に配置されます。

一般に、3f1c4e4b6b16bbbd69b2ee476dc4f83a 要素が配置される場所は、その機能と密接に関連しています。

1.
に配置します。

3f1c4e4b6b16bbbd69b2ee476dc4f83a 要素は、ブラウザが最初に読み取れるように、先頭に配置されます。3f1c4e4b6b16bbbd69b2ee476dc4f83a 要素は、Web ページ全体が最初に解析されるときにロードされて実行されます。

要素のみ。 <br> <p>次に、レンダリングを下方向に解析します。 <br> </p> <p>応用例: 例えばページ表示初期化用のjsをheadに配置する必要があります。 <br> </p> <p><span style="color: #0000ff">2. </span></p> セクションに配置します。 <p>ブラウザはページタグを順番に解析し、JavaScript コードを読み取るときにステートメントを実行します。 <br> </p> <p>ただし、一部の JS 関数はイベントを通じて呼び出されるため、ページ上のどこに配置しても有効になる時間には影響しません。したがって、フロントエンドのパフォーマンスの問題を考慮した後、実行されない関数を配置できます。最初にイベント呼び出しの JS コードが本文の下部に配置されます。 <br> </p> <p style="text-align: center"><img alt="" src="http://files.jb51.net/file_images/article/201601/2016011511040325.jpg"></p> <p><strong>書いて見てください: </strong><br> </p> <div class="jb51code"> <pre class="brush:js;"> <!DOCTYPE HTML> <html> <head> <title>JS代码的位置</title> <script type="text/javascript"> document.write("I'M HEAD javascript"); </script> </head> <body> <script type="text/javascript"> document.write("I'M body javascript"); </script> </body> </html></pre> </div> <p>上記のことから、JavaScript タグの位置の保存はその機能と密接に関連していることがわかります。この記事が皆様のお役に立てれば幸いです。 </p>
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。