HTML-скрипт
<script>
Тег используется для добавления клиентских сценариев, как JavaScript в документе.
Его можно определить в любом месте веб-страницы.
<script>
Элемент либо содержит утверждения сценариев, или он указывает на внешний файл сценария через
src
атрибут.
Синтаксис:
< скрипт > код для выполнения.. < / скрипт >
Атрибуты JavaScript
Атрибуты | Описание |
---|---|
src | Он указывает URL-адрес внешнего файла сценария. |
тип | Он определяет тип сценария. |
асинхронный | Он указывает, что сценарий будет выполняться асинхронно с веб-страницей. Его следует использовать только с внешними скриптами. |
откладывать | Это логическое значение, указывающее, что сценарий выполняется после полного анализа документа. |
type
Атрибут был обязательным в HTML 4, но не обязателен в HTML 5. Нет необходимости определять тип сценария в HTML 5.
Использование тега HTML-скрипта:
- Вставить код скрипта
- Ссылка на файл JavaScript
Вставить код скрипта
Как и встроенный css, тег скрипта можно использовать внутри
тега
<body>
или
<head>
для непосредственного написания кода javascript на веб-странице.
Взгляните на пример ниже:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Embed JavaScript </title>
</head>
<body>
<script type="text/javascript">document.write("This is a simple example of JavaScript.")
</script>
</body>
</html>
Выход
Ссылка на файл JavaScript
<script>
Тег может также использоваться для подключения внешнего файла сценария с помощью
src
атрибута.
Рекомендуется использовать только внутри
<head>
тега.
Внешний сценарий очень полезен, когда нам нужно использовать один и тот же сценарий на нескольких страницах. Сценарий можно записать во внешний файл, а затем добавить на любую веб-страницу, где это потребуется.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> External JavaScript </title>
</head>
<body>
<script type="text/javascript" src="hello.js"></script>
<p id="demo"></p>
</body>
</html>
Выход
Элемент HTML noscript
<noscript>
Тег используется для предоставления альтернативного контента для пользователей ,
которые имеют Javascript отключен в браузере или если их браузер не поддерживает scripts.Look на примере ,
чтобы узнать больше:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML noscript Element </title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
</body>
</html>
Выход
Привет, JavaScript!