内部JavaScriptと外部JavaScriptの違い

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

内部Javascript

Javascriptコードがその魔法のように機能するためには、ページがロードされるときに、特定のWebページの適切な場所に何らかの形で組み込まれている必要があります。 内部Javascriptコードは、Webページ内の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参照を含む別のページに移動した場合、 ユーザーのブラウザがJavascriptファイルをキャッシュまたは保存するため、2番目のページの読み込みが速くなります ローカルで。