2

外部jsファイルをスクリプトタグでインクルードするとどのように機能するかを誰かが説明してくれることを願っています.

cssファイルと同じように機能しますか？

ありがとうございました

4

2 に答える 2

2

HTML はブラウザがレンダリングするドキュメントであることを理解する必要があります。含めることができる他のさまざまなリソースがあります

  • スクリプト (javascript およびブラウザーでサポートされているスクリプト)
  • スタイルシート (css)
  • 画像 (script/css/inline 要素のいずれかで参照)
  • フォント

ブラウザーがドキュメント (HTML) を (最初の HTTP 要求の一部として) ロードするとき、参照されているリソースを逆参照しようとします。上記のリソースのいずれかへの参照がある場合、ブラウザは追加の HTTP リクエストを発行してリソースを取得します。HTML ドキュメントに JavaScript が埋め込まれている場合、ブラウザはそれを解釈せず、JavaScript エンジン (ブラウザの一部) がスクリプトを解釈して実行します。

編集 また、Mar B が提供する回答を参照してください。

リソースのリクエストがどのように行われるかを理解するために、最新のブラウザーでデバッガーを実行することをお勧めします。

ここに画像の説明を入力

于 2012-09-03T03:03:35.203 に答える
1

与えられた

file.js:

alert('foo');

file.html:

<script type="text/javascript" src="file.js"></script>

基本的に違いはなく、次のものとまったく同じように機能します。

file2.html:

<script type="text/javascript">
   alert('foo');
</script>

ただし、最初のリクエストには別の http リクエストが含まれており、何らかの理由で失敗する可能性があり、JS コードが残っていない可能性があります。一方、すべての js コードをすべてのページに埋め込むことは、すべてのコードを使用しない場合、帯域幅の浪費にもなります。

于 2012-09-03T02:58:29.423 に答える