CSS властивості
ГлавнаяТеги HTMLТег <script> в HTML

Тег <script> в HTML

929

Елемент <script> (від англ. script — сценарій) призначений для опису скриптів, може містити посилання на програму або її текст певною мовою. Скрипти можуть розміщуватися у зовнішньому файлі та зв'язуватися з будь-яким HTML-документом. Такий підхід дозволяє використовувати ті самі спільні функції на багатьох веб-сторінках і прискорює їх завантаження, т.е. зовнішній файл кешується при першому завантаженні, і скрипт викликається швидше при наступних викликах. . Найчастіше місце розташування скрипта не позначається роботу програми. Однак скрипти, які повинні виконуватися в першу чергу, зазвичай поміщають у заголовок документа.

Синтаксис
<script> <скрипт>
</script> <script src="<адреса>"></script>

Закриває тег

Обов'язковий.

Атрибути

async
Завантажує скрипт асинхронно.
defer
Відкладає виконання скрипту до доки вся сторінка не буде завантажена повністю.
language
Встановлює мову програмування, на якій написаний скрипт.
src
Адреса скрипта із зовнішнього файлу для імпорту до поточного документа.
type
Визначає тип вмісту <script>.

Приклад

<!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.

Результат роботи скрипта Рис. 1. Результат роботи скрипта

У цьому прикладі за допомогою скрипта виводиться таблиця, що складається з п'яти рядків та стовпців, яка заповнюється числами.

<!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>

У даному прикладі всередині елемента з ідентифікатором welcome виводиться текст повідомлення.

Примітка

В HTML5 атрибут type можна опустити, він є необов'язковим і набуває значення text/javascript, якщо не вказано. У попередніх версіях HTML атрибут type необхідний.

Специфікація

Специфікація Статус
HTML5 Рекомендація
HTML 4.01 Specification Рекомендація

Специфікація

Кожна специфікація проходить кілька стадій схвалення.

  • Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
  • Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження. та внесення поправок для розгляду спільнотою.
  • Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення змін до редакторів проекту.
  • Draft (Чернетка специфікації) — перша чорнова версія стандарту.

Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває в постійній розробці та оновлюється регулярно.

Браузери

3 12 1 3.5 1 1
1 1 6 1

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — елемент повністю підтримується браузером;
  •  — елемент браузером не сприймається та ігнорується;
  •  — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.

Число вказує версію браузреа, починаючи з якою елемент підтримується.

Див. також