Главная страница   /   5.1. Начинаем использовать JavaScript (Руководство по HTML5

Руководство по HTML5

Руководство по HTML5

Адам Фриман

5.1. Начинаем использовать 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.