ホームページ >ウェブフロントエンド >フロントエンドQ&A >HTML はどのような属性で外部 JavaScript を導入しますか?
HTML はどのような属性で外部 JavaScript を導入しますか?
- 青灯夜游オリジナル
- 2021-06-30 18:25:153303ブラウズ
HTML は、外部スクリプト ファイルの URL を指定する script タグの src 属性を通じて外部 JavaScript を導入します。構文は「
このチュートリアルの動作環境: Windows7 システム、HTML5&&JavaScript バージョン 1.8.5、Dell G3 コンピューター。
HTML は、script タグの src 属性を通じて外部 JavaScript を導入します。
<script> タグは、JavaScript などのクライアント側のスクリプトを定義するために使用されます。 </script>
script 要素には、スクリプト ステートメントを含めることも、src 属性を通じて外部スクリプト ファイルを指定することもできます。
Web サイトの複数のページで JavaScript を実行する必要がある場合があります。同じスクリプトを何度も記述する代わりに、JavaScript を別のファイルに作成し、.js サフィックスを付けて保存し、<script> タグの src 属性を使用してそのファイルを参照します。 </script>
構文
<script type="text/javascript" src="value"></script>
| 値 | 説明 |
|---|---|
| URL |
外部スクリプトの URL。可能な値は次のとおりです:
|
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <script type="text/javascript" src="demo.js" ></script> </body> </html>出力:
注:
<script> タグで src 属性が使用されると、それは参照として使用されます。編集ページ内ではなく外部ファイルにスクリプトの要素を追加します。つまり、src の使用は、その要素が外部 Javascript ファイルの参照に適しており、ページに Javascript スクリプトを挿入することを目的としていないことを示します。 <p>これは、src 属性を使用するコードを <script> タグに挿入すべきではないし、挿入する必要もない (そして無駄である) ことを示しています。これにより、予期しない結果が生じる可能性があり、少なくともほとんどのブラウザでは実際的な影響はありません。この記事の例に次のコードを追加すると、 <p><pre class="brush:js;toolbar:false"><script src="demo_script_src.js"> document.write("这个输出的内容来自本文件的 Javascript。"); </script></pre> src 属性によって参照される Javascript ファイルは正常に解析されますが、<script> タグ内で直接編集されたコードは実行されない可能性があります。明らかに、<script> の多くの特別なプロパティ (たとえば、その属性の一部は外部ファイルに対してのみ使用できます) により、そのファイル内で直接編集されたコンテンツを考慮しながら、参照された外部ファイルを通常に実行することは不可能であると判断されます。 <p>[関連する推奨事項: <p>JavaScript 学習チュートリアル<a href="https://www.php.cn/course/list/17.html" target="_blank">]<strong></script>以上がHTML はどのような属性で外部 JavaScript を導入しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：JavaScriptスクリプトを置く場所次の記事：JavaScriptスクリプトを置く場所