Главная страница   /   4.1. Начинаем работать с JavaScript (Pro jQuery

Pro jQuery

Pro jQuery

Адам Фриман

4.1. Начинаем работать с JavaScript

Определять скрипты в HTML документе можно различными путями. Можно использовать внутренний скрипт, где содержание скрипта является частью HTML документа. Также можно использовать внешний скрипт, когда JavaScript содержится в отдельном файле и на него идет ссылка через URL (таким же образом вы будете подсоединять библиотеку jQuery, как вы увидите в главе 5). Оба этих метода зависят от элемента script. В этой главе я буду использовать внутренние скрипты. Простой пример можно увидеть в листинге 4-1.

Листинг 4-1: Простой внутренний скрипт
<!DOCTYPE HTML>
<html>
<head>
	<title>Example</title>
	<script type="text/javascript">
		console.log("Hello");
	</script>
</head>
<body>
	This is a simple example
</body>
</html>

Это очень просто скрипт, который выводит сообщение на консоль. Консоль – это базовый (но очень полезный) инструмент, которым располагает браузер и который позволяет отображать информацию по отладке (дебагу), после того как выполнен скрипт. Каждый браузер по-своему представляет консоль. В Google Chrome нужно выбрать из меню Tools (Инструменты) "JavaScript console" (консоль JavaScript). Как выглядит консоль в Chrome, можно посмотреть на рисунке 4-1. В других браузер она выглядит похожим образом.

Рисунок 4-1: Консоль JavaScript в Google Chrome

Результат вызова функции console.log отображен в окне консоли, наряду с деталями того, где было сгенерировано сообщение (в данном случае это строка 7 файла example.html). В этой главе я не буду демонстрировать скриншоты, я буду просто показывать результаты некоторых примеров. Например, в листинге 4-1, показан результат выполнения скрипта:

Hello

Я отформатировал некоторые результаты, чтобы их было проще прочесть. В следующих разделах я покажу вам основные черты языка JavaScript. Если у вас есть опыт в программировании на одном из современных языков, вы найдете схожесть в синтаксисе и стиле JavaScript.