外部のJavaScriptファイルをリンクする方法

外部JavaScriptファイルをリンクする方法

このチュートリアルでは、Webページにlink an external JavaScript file（ファイル拡張子は.jsで終わる）する方法を示します。

Note
HTMLでは、JavaScriptをWebページまたは外部JavaScriptファイルに埋め込むか、両方の方法で一緒に実装できます。

1. 外部JavaScriptファイル

「.js」ファイル拡張子で新しいファイルの終わりを作成し、JavaScriptコードをその中に入れます。以上で、外部JavaScriptファイルを作成しただけです:)

//file : hello.js

function sayHelloToThisPerson(name){
    alert('hello : ' + name);
}
//run above js function when this js is loaded
sayHelloToThisPerson('example');

2. Webページに含める

上記のhello.jsファイルをWebページに含めるには、src属性を持つ新しい<script>を追加します。


    
    
        JavaScript is funny

P.S Make sure the “src” attribute is pointing to the correct external js file path.

3. Demo

link external javascript file to web page

Performance
「head」または「body」タグ内に「script」タグを配置できますが、ページの読み込みを高速化するために、常に「script」を配置することをお勧めします。ページコンテンツの最後にある「t3）s」タグ。

ソースコードをダウンロード

ダウンロード–Link-External-JavaScript-File-Example.zip（1 KB）

TOC