HTML
Включить код JavaScript в HTML
Поиск…
Синтаксис
-
<script type="text/javascript"> //some code </script>
-
<script type="text/javascript" src="URL"></script>
-
<script type="text/javascript" src="URL" async>//async code</script>
параметры
атрибут | подробности |
---|---|
src | Указывает путь к файлу JavaScript. Либо относительный, либо абсолютный URL. |
type | Указывает тип MIME. Этот атрибут требуется в HTML4, но необязательно в HTML5. |
async | Указывает, что сценарий должен выполняться асинхронно (только для внешних скриптов). Этот атрибут не требует значения (кроме XHTML). |
defer | Указывает, что сценарий должен быть выполнен, когда страница закончила синтаксический разбор (только для внешних скриптов). Этот атрибут не требует значения (кроме XHTML). |
charset | Указывает кодировку символов, используемую во внешнем файле сценария, например UTF-8 |
crossorigin | Как элемент обрабатывает запросы с помощью crossorigin |
nonce | Криптографическое nonce, используемое в политике безопасности контента, проверяет CSP3 |
замечания
Если встроенный JavaScript-код (файл) используется для управления http://stackoverflow.com/documentation/javascript/503/document-object-model-dom Elements, поместите теги <script></script>
непосредственно перед закрытием </body>
или использовать методы или библиотеки JavaScript (например, jQuery для обработки различных браузеров), что гарантирует, что DOM будет прочитан и готов к манипулированию.
Связывание с внешним файлом JavaScript
<script src="example.js"></script>
Атрибут src
работает как атрибут href на якорях: вы можете указать абсолютный или относительный URL. В приведенном выше примере ссылки на файл внутри одного и того же каталога документа HTML. Обычно это добавляется внутри тегов <head>
в верхней части html-документа
Непосредственно, включая код JavaScript
Вместо ссылки на внешний файл вы также можете включить JS-код как есть в своем HTML:
<script>
// JavaScript code
</script>
Включение файла JavaScript, выполняемого асинхронно
<script type="text/javascript" src="URL" async></script>
Обработка отключенного Javascript
Возможно, клиентский браузер не поддерживает Javascript или отключен Javascript, возможно, из-за соображений безопасности. Чтобы сообщить пользователям, что сценарий должен выполняться на странице, можно использовать тег <noscript>
. Содержимое <noscript>
отображается, когда Javascript отключен для текущей страницы.
<script>
document.write("Hello, world!");
</script>
<noscript>This browser does not support Javascript.</noscript>