」。"/> 」。">

ホームページ >ウェブフロントエンド >フロントエンドQ&A >JavaScriptスクリプトファイルをインポートする方法

JavaScriptスクリプトファイルをインポートする方法

青灯夜游
青灯夜游オリジナル
2021-11-03 12:03:173183ブラウズ

Web ページでは、script タグを使用し、タグの src 属性を使用して JavaScript スクリプト ファイルを導入できます。構文は、「

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript スクリプト ファイルは、JavaScript コードを含み、拡張子が「.js」の外部 JavaScript ファイルを指します。

JavaScript スクリプト ファイルを導入する場合は、script タグを渡す必要があります。基本的な構文形式は次のとおりです。形式、src は script タグの属性です。外部スクリプト ファイルへのパスを指定する場合に使用します。 type 属性は省略できます。

JavaScriptスクリプトファイルをインポートする方法

外部 JavaScript ファイルを呼び出す場合、JavaScript スクリプト コードは外部ファイルに直接記述できることに注意してください。 JavaScript ファイル 不要 import タグを記述します。

実際の開発において、複雑なロジックを含む大量のJavaScriptコードを記述する必要がある場合には、jsスクリプトファイルを導入してJavaScript(外部リンク型)を使用することを推奨します。埋め込みと比較した外部リンクの利点は、次の 2 点に要約できます。 JavaScriptスクリプトファイルをインポートする方法

1) 後の変更やメンテナンスが容易になる

埋め込みでは、HTML と JavaScript コードが混在することになります。コードの変更とメンテナンスの場合、外部リンクはコードの 3 つの部分 (HTML、CSS、JavaScript) を分離するため、後の変更とメンテナンスが容易になります。

2) ファイル サイズを削減し、ページの読み込みを高速化します。

埋め込みにより、使用されるすべての JavaScript コードが HTML ページに埋め込まれます。これにより、HTML ファイルのサイズが増加し、Web ページ自体に影響を与えます。読み込み速度と外部リンクでは、ブラウザのキャッシュを使用して、複数回使用する必要がある JavaScript スクリプト コードを再利用できるため、ファイルのサイズが小さくなるだけでなく、ページの読み込み速度も高速化されます。たとえば、同じ JavaScript ファイルが複数のページに導入されている場合、ブラウザは最初のページを開いた後に JavaScript ファイルをキャッシュし、次回 JavaScript ファイルを参照する他のページを開いたときに、ブラウザは JavaScript ファイルをリロードする必要はありません。 ファイル。

[推奨学習:

JavaScript 上級チュートリアル

]

以上がJavaScriptスクリプトファイルをインポートする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。