Встраивание JavaScript в HTML

Последнее обновление 10 мая 2019 07:07:44 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

HTML-документ

HTML-документ состоит из HTML-элементов, атрибутов HTML-элементов, комментариев, специальных символов и типа документа. Если вы хотите добавить функции представления в документ HTML, вы можете прикрепить CSS к документу HTML, чтобы добавить динамический пользовательский интерфейс (например, всплывающее окно, предупреждающее сообщение, анимация и т. Д.) В документ HTML, вы можете добавить JavaScipt в ваш документ HTML.

Если javascript отключен в свойстве браузера, даже если внешний скрипт присоединен или скрипт написан в тегах <script> ... </ script> в HTML-документе, он становится неактивным.

Некоторые сценарии JavaScripts не работают со всеми браузерами, и иногда скрипт работает над определенной версией веб-браузера и выше (или наоборот).

Тег сценария

Сценарий является элементом HTML. Элемент HTML-сценария используется для включения клиентских сценариев, таких как JavaScript, в HTML-документ.

Синтаксис

 <Скрипт>
  Заявления JavaScript ....... 
  </ Скрипт>

В элементе script есть четыре типа атрибутов:

1. язык

Атрибут language используется для указания языка сценариев и его версии для прилагаемого кода. В следующем примере версия JavaScript - 1.2. Если конкретный браузер не поддерживает указанную версию JavaScript, код игнорируется. Если вы не укажете атрибут языка, поведение по умолчанию зависит от версии браузера. Атрибут языка устарел в HTML 4.01.

пример

 <script language = "JavaScript1.2">
  Заявления JavaScript ....... 
  </ Скрипт>

2. SRC

Этот атрибут указывает местоположение внешнего скрипта. Этот атрибут полезен для обмена функциями между различными страницами. Обратите внимание, что внешние файлы JavaScript содержат только операторы JavaScript, а файлы должны иметь расширение .js.

пример

 <script src = "common.js">
  JavaScript statements....... 
  </script>

3. отложить

Если вы установите атрибут defer , браузер задержит выполнение скрипта или изменит порядок выполнения скрипта. Это может повысить производительность, задерживая выполнение сценариев до тех пор, пока содержимое тела не будет прочитано и отображено браузером.

4. тип

Этот атрибут определяет язык сценариев. Язык сценариев указывается в качестве типа контента (например, « text / javascript »). Атрибут поддерживается всеми современными браузерами.

пример

 <script type="text/javascript">
  JavaScript statements....... 
  </script>

Тег noscript

Если какой-либо браузер не поддерживает код JavaScript, выполняется альтернативный контент, помещенный в тег noscript .

пример

<noscript>
  ... code ....
  </noscript>

Javascript в документе HTML

В HTML-документе есть две основные области, где можно разместить JavaScript . Первый находится между разделом <head> ...... </ head> , другой - это конкретное местоположение в разделе <body> ...... </ body> . Если вы хотите отобразить сообщение «Доброе утро» (с помощью команды оповещения JavaScript) во время загрузки страницы, вы должны поместить скрипт в раздел <head> ...... </ head>. В следующих примерах вы увидите другое расположение тегов <script> ..... </ script> в документе HTML.

Сценарий в голове

<!DOCTYPE html>
  <head>
  <meta charset="utf-8" />
  <title> Script in head section </title>
  <script type = "text/javascript">
  JavaScript statements....... 
  </script>
  </head>
  <body>
  </body>
  </html>

Сценарий в теле

<!DOCTYPE html>
  <head>
  <meta charset="utf-8" />
  <title> Script in the Body </title>
  </head>
  <body>
  <script type = "text/javascript">
  JavaScript statements....... 
  </script>
  </body>
  </html>

Скрипты в голове и теле

<!DOCTYPE html>
  <head>
  <meta charset="utf-8" />
  <title> Script in head and body section </title>
  <script type = "text/javascript">
  JavaScript statements....... 
  </script>
  </head>
  <body>
  <script type = "text/javascript">
  JavaScript statements....... 
  </script>
  </body>
  </html>

Два сценария в теле

<!DOCTYPE html>
  <head>
  <meta charset="utf-8" />
  <title> Two Scripts in the Body </title>
  </head>
  <body>
  <script type = "text/javascript" scr="jsexample.js" >
  </script>
  <script type = "text/javascript">
  JavaScript statements....... 
  </script>
  </body>
  </html>

Примечание. По желанию, если ваш сценарий не требуется выполнять до отображения содержимого тела, а загрузка сценария занимает больше времени, вы можете поместить свой сценарий в конец элемента тела.

Двойные или одинарные кавычки в JavaScript

Там нет предпочтительного метода, вы можете использовать либо. Если в строке вы используете одну форму кавычки (одинарную или двойную), вы можете использовать другую в качестве литерала.

Предыдущая: Спецификация JavaScript и ECMA
Далее: Синтаксис JavaScript и комментарии