Как связать внешний файл JavaScript

В этом руководстве мы покажем вам, как добавитьlink an external JavaScript file (расширение файла заканчивается на .js) на веб-страницу.

Note
В HTML вы можете либо встроить JavaScript на веб-страницу или во внешний файл 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. Включить его в веб-страницу

Чтобы включить указанный выше файлhello.js на вашу веб-страницу, добавьте новый<script> с атрибутомsrc:


    
    
        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
Вы можете поместить тег «script» внутри тега «head» или «body», однако, чтобы ваша страница загружалась быстрее, всегда рекомендуется ставить «script »в конце содержимого вашей страницы.

Скачать исходный код

Скачать -Link-External-JavaScript-File-Example.zip (1 КБ)

TOC

Как связать внешний файл JavaScript