HTML и CSS
Уроки HTML Уроки CSS Уроки Bootstrap Уроки W3.CSS Уроки Цвета Уроки Иконки Уроки Графика Уроки SVG Уроки Canvas Уроки Как сделать Уроки SassJavaScript
Уроки JavaScript Уроки jQuery Уроки React Уроки AngularJS Уроки JSON Уроки AJAX Уроки W3.JSПрограммирование
Уроки Python Уроки Java Уроки C++ Уроки C# Уроки Машинное обучениеСерверная сторона
Уроки SQL Уроки PHP Уроки ASP Уроки Node.js Уроки Raspberry PiВеб-строительство
Веб-шаблоны Веб-статистика Веб-сертификаты Веб-редактор Веб-разработкаHTML
HTML Справочник тегов HTML Справочник событий HTML Справочник цветов HTML Справочник атрибутов HTML Canvas Справочник HTML SVG Справочник HTML Наборы символов Google-карты СправочникCSS
CSS Справочник CSS Поддержка браузерами CSS Selector Справочник Bootstrap 3 Справочник Bootstrap 4 Справочник W3.CSS Справочник Иконки Справочник Sass СправочникJavaScript
JavaScript Справочник HTML DOM Справочник jQuery Справочник AngularJS Справочник W3.JS СправочникПрограммирование
Python Справочник Java СправочникСерверная сторона
SQL Справочник PHP Справочник ASP СправочникXML
XML Справочник XML Http Справочник XSLT Справочник XML Schema СправочникУпражнения
HTML Упражнения CSS Упражнения JavaScript Упражнения SQL Упражнения PHP Упражнения Python Упражнения jQuery Упражнения Bootstrap Упражнения Java Упражнения C++ УпражненияHTML Справочник
HTML Теги по алфавиту HTML Теги по категории HTML Атрибуты HTML Глобальные атрибуты HTML Атрибуты событий HTML Цвета HTML Canvas HTML Аудио/Видео HTML Наборы символов HTML Doctype HTML URL кодирование HTML Коды языков HTML Коды стран HTTP Сообщения HTTP Методы PX в EM Конвертер Горячие клавишиHTML Теги
<!--> <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdi> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <data> <datalist> <dd> <del> <details> <dfn> <dialog> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> - <h6> <head> <header> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <label> <legend> <li> <link> <main> <map> <mark> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <picture> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <svg> <table> <tbody> <td> <template> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <tt> <u> <ul> <var> <video> <wbr>HTML тег <script>
Пример
Написать "Hello JavaScript!" с помощью JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Попробуйте сами »
Определение и использование
Тег <script> используется для определения скрипта (JavaScript) на стороне клиента.
Элемент <script> либо содержит операторы скриптов, либо указывает на внешний файл скрипта через атрибут src.
Обычное использование JavaScript - манипуляции с изображениями, проверка формы и динамические изменения содержимого.
Совет: Если вы хотите изучить JavaScript, посетите JavaScript Учебник на нашем сайте.
Поддержка браузерами
Элемент | |||||
---|---|---|---|---|---|
<script> | Yes | Yes | Yes | Yes | Yes |
Советы и примечания
Примечание: Если атрибут "src" присутствует, элемент <script> должен быть пустым.
Совет: Также обратите внимание на элемент <noscript> для пользователей, которые отключили скрипты в своем браузере или имеют браузер, который не поддерживает скрипты на стороне клиента.
Примечание: Существует несколько способов выполнения внешнего скрипта:
- Если async="async" (асинхронный): скрипт выполняется асинхронно с остальной частью страницы (скрипт будет выполняться, пока продолжается анализ страницы);
- Если async отсутствует и defer="defer" (отсроченный): скрипт выполняется после завершения анализа страницы;
- Если нет ни async, ни defer: скрипт извлекается и выполняется немедленно, прежде чем браузер продолжит синтаксический анализ страницы.
Различия между HTML 4.01 and 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>
Атрибуты
Атрибут | Значение | Описание |
---|---|---|
async | async | Указывает, что скрипт выполняется асинхронно (только для внешних скриптов) |
charset | charset | Задает кодировку символов, используемую во внешнем файле скрипта. |
defer | defer | Указывает, что скрипт выполняется после завершения анализа страницы (только для внешних скриптов) |
src | URL | Определяет URL внешнего файла скрипта |
type | media_type | Определяет медиа тип скрипта |
xml:space | preserve | Не поддерживается в HTML5. Указывает, следует ли сохранять пробелы в коде |
Глобальные атрибуты
Тег <script> также поддерживает Глобальные атрибуты в HTML.
Связанные страницы
HTML учебник: HTML Скрипты
HTML DOM справочник: Объект Script
JavaScript учебник: Выучить JavaScript
Настройки CSS по умолчанию
Большинство браузеров будут отображать элемент <script> со следующими значениями по умолчанию:
script {
display: none;
}
Ваше предложение:
Спасибо за Вашу помощь!
Ваше сообщение было отправлено в W3Schools.
Сайт работает на фреймворке W3.CSS.