内部 Javascript と外部 Javascript の違い

1990 年代半ば、Netscape の開発者は、Web サイトをよりインタラクティブで魅力的なものにするためのツールとして使用する単純なスクリプト言語を作成しました。この言語は最終的に Javascript として知られるようになります。今日の多くのユーザーは、依存している電子メール クライアントやソーシャル ネットワーキング Web サイトの機能が、何千行もの巧妙で複雑な Javascript プログラミングの結果であることに気づいていません。

内部 Javascript

JavaScript コードが魔法のように機能するためには、ページが読み込まれるときに、特定の Web ページの適切な場所に何らかの方法で組み込む必要があります。内部 Javascript コードは、ウェブページ内の HTML タグの間の任意の場所に配置されるコードです。多くの Web 開発者は、タグの前に Javascript コードを配置することを選択しています。

外部 Javascript

HTML コードとは別のファイルに配置された Javascript コードは、外部 Javascript と呼ばれます。外部 Javascript コードは、内部 Javascript と同じ方法で記述および使用されます。ファイルの拡張子は「.js」にする必要がありますが、最近のブラウザでは事実上他の拡張子でも機能します。 1 つの重要な違い:タグの間に外部コードを配置してはなりません。そうしないと、コードが機能しなくなります。

Web ブラウザは、外部コードをロードする必要があることを認識している必要があります。 Web ページには、スクリプトを参照する次の HTML タグが必要です:

URL は、Javascript コードを見つけてロードする場所を Web サーバーに伝えます。

内部 Javascript の利点

Javascript の行数が比較的少ない場合、内部 Javascript を含む Web ページは、外部コードを参照する必要があるページよりも速く読み込まれます。これは、Web ブラウザーがページを読み込み、外部コードへの参照を検出すると、コードを取得するために Web サーバーに別の要求を行う必要があるためです。

外部 Javascript の利点

Web サイトの複数のページで同じコードが使用されている場合は、外部 Javascript ファイルが役立ちます。外部コードへの参照を、実際にそのコードを必要とするページに含めるだけで済みます。 Javascript コードが変更された場合、1 つのファイルのみを編集する必要があります。変更は、コードを必要とするすべてのページですぐに利用できます。また、Javascript を外部ファイルに保存すると、Web サイトの保守が容易になります。ページが整理され、Web 開発者が必要な編集を行うために必要なコード行が少なくなります。 HTML コードの行数が少ないほど、検索エンジンのスパイダーがサイトをより完全にインデックスし、重要なキーワードを見つけるのにも役立ちます。

最後に、訪問者が同じ外部 Javascript 参照を含む別のページに移動した場合、2 番目のページの読み込みが速くなります。これは、ユーザーのブラウザが Javascript ファイルをローカルにキャッシュまたは保存しているためです。