HTML <script> Тег
Пример
Написать "Hello JavaScript!" в JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Определение и использование
Тег <script> используется для определения сценария на стороне клиента (JavaScript).
Элемент <script> содержит операторы сценариев или указывает на внешний файл сценария через атрибут src.
Обычное использование JavaScript — это манипулирование изображениями, проверка формы и динамические изменения содержимого.
Совет: Если вы хотите изучить JavaScript, посетите наш Учебник по JavaScript.
Поддержка браузера
Элемент | |||||
---|---|---|---|---|---|
<script> | Да | Да | Да | Да | Да |
Советы и примечания
Примечание: Если присутствует атрибут <src>, элемент <script> должен быть пустым.
Совет: Также посмотрите на <noscript> для пользователей, которые отключили скрипты в своем браузере, или браузер, который не поддерживает сценарии на стороне клиента.
Примечание: Существует несколько способов выполнения внешнего скрипта:
- Если async="async": Скрипт выполняется асинхронно с остальной частью страницы (скрипт будет выполняться, пока страница продолжит разбор)
- Если Async не присутствует и defer="defer": Сценарий выполняется после завершения синтаксического анализа страницы
- Если не присутствует ни асинхронная, ни отложенная: сценарий извлекается и выполняется немедленно, прежде чем обозреватель продолжит разбор страницы
Различия между HTML 4,01 и HTML5
Атрибут "type" необходим в HTML 4, но необязателен в HTML5.
Атрибут "async" является новым в HTML5.
HTML 4,01 атрибут: "xml:space", не поддерживается в HTML5.
Различия между HTML и XHTML
В XHTML, содержимое внутри скриптов объявляется как #PCDATA (вместо CDATA), что означает, что сущности будут проанализированы.
Это означает, что в XHTML, все специальные символы должны быть закодированы, или все содержимое должно быть обернуто внутри раздела CDATA:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Атрибуты
= Новый в HTML5.
Атрибут | Значение | Описание |
---|---|---|
async | async | Указывает, что сценарий выполняется асинхронно (только для внешних скриптов) |
charset | charset | Задает кодировку символов, используемую во внешнем файле сценария |
defer | defer | Указывает, что сценарий выполняется после завершения синтаксического анализа страницы (только для внешних скриптов) |
src | URL | Указывает URL-адрес внешнего файла сценария |
type | media_type | Указывает тип носителя сценария |
xml:space | preserve | Не поддерживается в HTML5. Указывает, следует ли сохранять пробелы в коде |
Глобальные атрибуты
Тег <script> также поддерживает Глобальные атрибуты в HTML.
Похожие страницы
HTML Учебник: HTML Scripts
HTML DOM reference: Script Object
JavaScript Учебник: Learn JavaScript
Параметры CSS по умолчанию
В большинстве обозревателей элемент <script> будет отображаться со следующими значениями по умолчанию:
script {
display: none;
}