| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 3.0 + | 1.0 + | 3.0 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + |
Специфікація
| HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Опис
Тег <script> призначений для опису скриптів, може містити посилання на програму або її частину тексту певною мовою. Скрипти можуть розташовуватися в зовнішньому файлі і зв'язуватися з будь-яким HTML-документом. Такий підхід дозволяє використовувати одні й ті ж загальні функції на багатьох веб-сторінках і прискорює їх завантаження, тому що зовнішній файл кешується при першому завантаженні, і скрипт викликається швидше при наступних викликах.
<script> може розташовуватися в заголовку або тілі HTML-документа в необмеженій кількості . У більшості випадків розташування скрипта ніяк не позначається на роботу програми. Однак скрипти, які повинні виконуватися в першу чергу, звичайно поміщають в заголовок документа.
Синтаксис
<script type="тип"> ... </script> <script type="тип" src="URL"> </script>
Атрибути
- async
- Завантажує скрипт асинхронно.
- defer
- Відкладає виконання скрипта до тих пір, поки вся сторінка не буде завантажена повністю.
- language
- Встановлює мову програмування на якому написаний скрипт.
- src
- Адреса скрипта з зовнішнього файлу для імпорту в поточний документ.
- type
- Визначає тип вмісту тега <script> .
Закриваючий тег
Обов'язковий.
Приклад 1
HTML 4.01 IE Cr Op Sa Fx
<!DOCTYPE HTML PUBLIC "-//W3C //DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
Тег SCRIPT </title>
</head>
<body>
<script type="text/javascript">
document.write ( '<table width="100%" border="1">
'); for (i=1; i <6; i ++) {document.writeln (" <tr>
"); for (j=1; j <6; j ++) document.write (" <td>
" + i + j +" <\/td>
"); document.writeln (" <\/tr>
"); } Document.write (" <\/table>
"); </script>
</body>
</html>
Результат даного прикладу показаний на рис. 1.
В даному прикладі за допомогою скрипта виводиться таблиця, що складається з п'яти рядків і стовпців, яка заповнюється числами.
Приклад 2
HTML5 IE Cr Op Sa Fx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
Тег SCRIPT </title>
<script>
function popup () {document.getElementById ( 'welcome'). innerHTML='Ласкаво просимо!'; } </script>
</head>
<body onload="popup ()">
<div id="welcome">
</div>
</body>
</html>
Примітка
В HTML5 атрибут type можна опустити, він є необов'язковим і приймає значення text/javascript, якщо не вказано явно. У попередніх версіях HTML атрибут type необхідний.