Létrehozhatunk külső JavaScript fájlt és beágyazhatjuk sok html oldalba.

Ez biztosítja kód újra használhatósága mert egyetlen JavaScript fájl több html oldalon is használható.

Egy külső JavaScript-fájlt .js kiterjesztéssel kell menteni. Javasoljuk, hogy az összes JavaScript fájlt egyetlen fájlba ágyazza be. Növeli a weboldal sebességét.

Hozzunk létre egy külsőt JavaScript fájl, amely kinyomtatja a Hello Javapointot egy figyelmeztető párbeszédpanelen.

message.js

 function msg(){ alert('Hello Javatpoint'); } 

Tegyük bele a JavaScript fájlt a html oldalba. Úgy hívja a JavaScript függvény gombra kattintva.

index.html

Üdvözöljük a JavaScriptben

A külső JavaScript előnyei

A következő előnyökkel jár, ha a felhasználó külső javascriptet hoz létre:

1. Segíti a kód újrafelhasználhatóságát egynél több HTML-fájlban.
2. Könnyű kód olvashatóságot tesz lehetővé.
3. Időhatékony, mivel a webböngészők gyorsítótárazzák a külső js fájlokat, ami tovább csökkenti az oldal betöltési idejét.
4. Lehetővé teszi a webdesignerek és a kódolók számára, hogy párhuzamosan és külön-külön dolgozzanak html és js fájlokkal, azaz anélkül, hogy bármilyen kódütközéssel szembesülnének.
5. A kód hossza csökken, mivel csak a js fájl helyét kell megadnunk.

A külső JavaScript hátrányai

A külső fájloknak a következő hátrányai vannak:

1. A lopó letöltheti a kódoló kódját a js fájl URL-címével.
2. Ha két js-fájl függ egymástól, akkor az egyik fájl meghibásodása hatással lehet a másik függő fájl végrehajtására.
3. A webböngészőnek további http kérést kell végrehajtania a js-kód lekéréséhez.
4. A js-kód kis vagy nagy módosítása váratlan eredményeket okozhat az összes függő fájlban.
5. Minden olyan fájlt ellenőriznünk kell, amely az általánosan létrehozott külső javascript fájltól függ.
6. Ha ez néhány soros kód, akkor jobb, ha a belső JavaScript kódot hajtja végre.