Последние учебники веб-разработки
 

HTML <script> Tag


пример

Написать сообщение "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" : Скрипт выполняется , когда страница закончила разбор
  • Если ни один из async или 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:spacepreserve Не поддерживается в HTML5.
Определяет, должен ли быть сохранены пробелы в коде

Глобальные атрибуты

<script> тег также поддерживает Глобальные атрибуты в HTML .


Похожие страницы

Учебник HTML: HTML скрипты

HTML DOM ссылка: Object Script

JavaScript Учебник: Учиться JavaScript


Настройки по умолчанию CSS

Большинство браузеров отобразит <script> элемент со следующими значениями по умолчанию:

script {
    display: none;
}