HTML - тег <script>
Пример
Напишите «Привет, JavaScript!» с JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Определение и использование
Тег <script>используется для встраивания скрипта на стороне клиента (JavaScript).
Элемент <script>либо содержит операторы сценария, либо указывает на внешний файл сценария через атрибут src.
Обычно JavaScript используется для обработки изображений, проверки формы и динамического изменения содержимого.
Советы и примечания
Совет: Также обратите внимание на элемент <noscript> для пользователей, которые отключили сценарии в своем браузере или имеют браузер, который не поддерживает сценарии на стороне клиента.
Совет. Если вы хотите узнать больше о JavaScript, посетите наш учебник по JavaScript .
Поддержка браузера
| Element | |||||
|---|---|---|---|---|---|
| <script> | Yes | Yes | Yes | Yes | Yes |
Атрибуты
| Attribute | Value | Description |
|---|---|---|
| async | async | Specifies that the script is downloaded in parallel to parsing the page, and executed as soon as it is available (before parsing completes) (only for external scripts) |
| crossorigin | anonymous use-credentials |
Sets the mode of the request to an HTTP CORS Request |
| defer | defer | Specifies that the script is downloaded in parallel to parsing the page, and executed after the page has finished parsing (only for external scripts) |
| integrity | filehash | Allows a browser to check the fetched script to ensure that the code is never loaded if the source has been manipulated |
| nomodule | True False |
Specifies that the script should not be executed in browsers supporting ES2015 modules |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url |
Specifies which referrer information to send when fetching a script |
| src | URL | Specifies the URL of an external script file |
| type | scripttype | Specifies the media type of the script |
Различия между HTML и XHTML
В XHTML содержимое скриптов объявляется как #PCDATA (вместо CDATA), что означает, что объекты будут анализироваться.
Это означает, что в XHTML все специальные символы должны быть закодированы или все содержимое должно быть заключено в раздел CDATA:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Глобальные атрибуты
Тег <script>также поддерживает глобальные атрибуты в HTML .
Связанные страницы
Учебное пособие по HTML: HTML-скрипты
Справочник по HTML DOM: Объект скрипта
Учебник по JavaScript: Изучайте JavaScript
Настройки CSS по умолчанию
Большинство браузеров будут отображать <script>элемент со следующими значениями по умолчанию:
script {
display: none;
}