Вставка JavaScript в html-код



Чтобы сценарий на JavaScript заработал, необходимо поместить его в html-код страницы. Делается это при помощи пары тегов <script>...</script>. Создадим шаблон html-документа, в который будем вставлять код, написанный на языке JavaScript:

<!DOCTYPE html>
<html>
 <head>
  <title>Веб-страница со сценарием на JavaScript</title>
 </head>
 <body>
  <script>
   <!--Здесь будет находиться сценарий, написанный на JavaScript-->
  </script>
 </body>
</html>

В шаблоне был использован тег <script>. В HTML5 он употребляется без применения каких-либо дополнительных атрибутов. В 4-й же версии HTML, например HTML4.01, необходимо их указывать. Вот как изменится тег <script> при использовании HTML4.01:

<script type="text/javascript>
 <!--Здесь будет находиться сценарий, написанный на JavaScript-->
</script>

Здесь при помощи атрибута type указывается тип текста. Обязательно указывать type="text/javascript для версий HTML4. Также можно указать язык сценария при помощи атрибута language, но не обязательно:

<script language="javascript">
 <!--Здесь будет находиться сценарий, написанный на JavaScript-->
</script>

Значением атрибута language по умолчанию является javascript, по этому, данный атрибут стоит использовать для указания версии JavaScript, например: javascript1.1.

Также, тег <script> может иметь атрибут src. Он используется для подключения внешнего скрипта к html-документу:

<script src="my_script.js">
</script>

Означает данный код следующее. Имеется некий файл с названием my_script в корневом каталоге сайта. Файл этот имеет расширение *.js, это значит, что он является сценарием, написанным на языке JavaScript. Этот сценарий подключается к html-документу при помощи атрибута src и будет выполнен на странице. В чём преимущество подключения внешних скриптов? В том, что внешний скрипт можно написать один раз и затем вставлять в код разных html-документов и это будет удобнее, чем писать один и тот же сценарий на множестве страниц. Здесь нужно запомнить следующее: Если при помощи атрибута src к странице подключается внешний скрипт, то сценарий, находящийся между тегами <script>...</script> выполняться не будет! Работать будет именно внешний скрипт!

2018 год.


В раздел | Следующая>>