Руководство по HTML5
Адам Фриман
Начинаем использовать JavaScript
Есть несколько способов, которыми вы можете определить скрипты в HTML документе. Вы можете определить встроенный скрипт, где содержание скрипта является частью HTML документа. Вы также можете определить внешний скрипт, когда JavaScript содержится в отдельном файле и связывается с документом через URL. Оба этих подхода опираются на элемент script
, который я полностью описываю в главе 7. В этой главе для простоты я использую встроенные скрипты. Вы можете увидеть пример такого скрипта в листинге 5-1.
Листинг 5-1: Простой встроенный скрипт
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
</head>
<body>
<script type="text/javascript">
document.writeln("Hello");
</script>
</body>
</html>
Это тривиально простой скрипт, который добавляет слово Hello
к документу. Элемент script
появляется после другого содержимого в документе так, что браузер обрабатывает другие элементы до того, как будет выполнен скрипт. Я объясню, почему это важно (и как управлять выполнением скрипта) в главе 7.
Совет
Когда я представляю JavaScript, для многих показанных примеров я использую метод
document.writeln
, чтобы показать результат выполнения скрипта. Этот метод просто добавляет строку текста в HTML документ. Вы можете узнать больше об объектеdocument
и его методеwriteln
в главе 26.
Вы можете увидеть, как браузер отображает содержание и результат выполнения скрипта на рисунке 5-1.
Рисунок 5-1: Использование JavaScript для добавления содержания в HTML документ
В этой главе я не буду показывать скриншоты, только результаты некоторых примеров. Так, например, для листинга 5-1, результат будет таким:
Hello
Я отформатировал некоторые результаты, чтобы их было удобнее читать. В следующих разделах я покажу вам основные особенности языка JavaScript. Если вы имеете опыт программирования на любом другом современном языке, вы увидите много знакомого в синтаксисе и стиле JavaScript.