підключення JavaScript

У браузері JavaScrip включається у код сторінки за допомогою HTML тегу <script> з обов'язковим по специфікації HTML 4.01 атрибутом type="text/javascript", хоча в більшості браузерів мова сценаріїв за умовчанням саме JavaScript. У HTML 5 атрибут type не обов'язково вказувати.

<!-- HTML 4 -->
<script type="text/javascript">
//js код
</script>

<!-- HTML5 -->
<script>
//JS код
</script>

<noscript>

Якщо JavaScript не підтримується браузером (такі браузери уже "вимерли") або виключений у настройках браузера, можна сповістити користувача про це за допомогою тега noscript. Якщо JavaScript виключений, браузер відобразить вміст тегу noscript, а якщо включений то проігнорує.

<noscript>
<h1>У Вашому браузері виключений JavaScript.</h1>
</noscript>

Приклад перенаправлення на іншу веб-адресу(сторінку) якщо виключений JavaScript:


<head>
<noscript><meta http-equiv="refresh" content="0; URL=no_js.html"></noscript>
</head>

Також можна підключити файл з розширенням js. Також рекомендовано щоб кодування файлу було Unicode (UTF-8). Так як JavaScript працює з символами utf-8 кодуванням. Якщо вказати інше кодування то суттєвих помилок не буде, лише можливе некоректне відображення кирилиці.

<script type="text/javascript" src="file.js"></script>

Підключати файли можна і з іншого сайту.


<script src="http://exzample.com.ua/js/ajax.js"></script>

Слід враховувати якщо ми підключаємо файл js, то викликаємо функції які описані у файлі що підключається лише після того як підключили файл інакше виникне помилка визову не існуючої функції.

Код файлу f.js:


function myFunc(){
alert("Приклад виклику функції із підключеного файлу f.js");
}

Код головної сторінки:


<html>
<head>
<script src="f.js"></script>
</head>
<script>myFunc(); //викликаємо функцію з файлу f.js
</script>
</html>

Підключити файл зі скриптом можна за допомогою JavaScript коду, створивши програмно елемент script:

// створюємо елемент script
var script=document.createElement("script");
//вказуємо на адресу файла
script.src="/dani/test.js";
//додаємо елемент до документу
document.body.appendChild(script);

Ще одним способом вставлення коду є написання події на html тег.


<a onclick="alert('Про JavaScript :-)');">Клацніть мишею.</a>

Також JavaScript код можна підключати за допомогою модулів.