Синтаксис
<script>...</script>
или
<script src="..."></script>
Описание
Тег <script> (от англ. script — сценарий) предназначен для описания скриптов, может содержать ссылку на программу или её текст на определённом языке.
Скрипты могут располагаться во внешнем файле (указывается при помощи атрибута src) и связываться с любым HTML-документом. Если в теге содержится ссылка на внешний файл, то тег <script> должен быть пустым. Такой подход позволяет использовать одни и те же общие функции на многих веб-страницах и ускоряет их загрузку, т. к. внешний файл кэшируется при первой загрузке, и скрипт вызывается быстрее при последующих вызовах.
Тег <script> может располагаться как в контейнере <head>, так и внутри контейнера <body>. Работа скриптов не зависит от их местоположения в HTML-документе, однако скрипты, которые должны быть выполнены в первую очередь, должны быть расположены в заголовке документа. Тег можно использовать в HTML-документе неограниченное количество раз.
Примечание!
Если вы подключаете внешний файл с JavaScript кодами, не используйте в теге <script> код из JavaScript файла.
Тег поддерживает глобальные атрибуты и атрибуты события.
Атрибуты
Атрибут | Значение | Описание |
async | async |
Указывает, что сценарий выполняется асинхронно (только для внешних скриптов) |
charset | charset |
Задает кодировку символов, используемую во внешнем файле сценария |
defer | defer |
Указывает, что сценарий выполняется после завершения синтаксического анализа страницы (только для внешних скриптов) |
src | URL-адрес |
Указывает URL-адрес внешнего файла сценария |
type | media_type |
Указывает тип носителя сценария |
xml:space | preserve |
Указывает, следует ли сохранять пробелы в коде. |
Пример
HTML-код:
<script src="index.js"></script>
<script >
document.getElementById("example").innerHTML = "Второй тег script — вывод текста с помощью JavaScript в теге <p> через id";
</script>
Отображение в браузере:
Первый тег script — подключение JavaScript файла
Параметры CSS по умолчанию
script {
display: none;
}
Поддержка браузера
Элемент |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
<script> | Да | Да | Да | Да | Да |
Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!
Только свежие новости программирования и технологий каждый день.
Комментарии