Wiki-учебник по веб-технологиям: JavaScript/ВложениеJavaScriptВHtmlСтраницу ...

Главная | Каталог |

Вложение JavaScript в HTML-страницу


Код JavaScript встроен непосредственно в HTML-страницу. Чтобы понять, как это работает, мы рассмотрим простой пример:

<html>
<body>
<br>
This is a normal HTML document.
<br>
  <script language="JavaScript">
   document.write("This is JavaScript!")
  </script>
<br>
Back in HTML again.
</body>
</html>


На первый взгляд это напоминает нормальный HTML-файл. Единственная новая вещь, эта часть:

<script language="JavaScript">
    document.write("This is JavaScript!")
  </script>


Это JavaScript. Чтобы увидеть работу данного сценария, сохраните этот код как нормальный HTML-файл и загрузите его в ваш JavaScript-браузер. Ниже представлен результат, выданный файлом (если Вы используете JavaScript-браузер, Вы увидите 3 строчки):

This is a normal HTML document.
This is JavaScript!
Back in HTML again.

Я должен признать, что этот сценарий не очень полезен — это можно было написано на чистом HTML намного легче. Я только хотел показать Вам тег <script>. Все между <script> и тегом </script> – распознаётся как код JavaScript. Здесь Вы видите использование document.write() — одной из наиболее важных команд в программировании на JavaScript. document.write() используется, чтобы вывести что-либо в текущий документ (в этом случае, это является HTML- документ). Так что наша небольшая программа JavaScript пишет текст This is JavaScript! в HTML-документ.