Как использовать HTML-скрипт? - httpdoc.ru

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>

Выход

HTML Embed JavaScript Examples Это простой пример JavaScript.

Ссылка на файл 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>

Выход

Привет, JavaScript!

Элемент 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>

Выход

HTML noscript Element Examples

Привет, JavaScript!