Конспект JS-course

JavaScript и браузер

Источник: http://habrahabr.ru/post/243311/

Веб

Каждый документ имеет имя в виде универсального локатора ресурсов, Universal Resource Locator (URL), который выглядит примерно так:

http://eloquentjavascript.net/12_browser.html
|     |                      |               |
протокол      сервер               путь

Первая часть говорит нам, что URL использует протокол HTTP (в отличие от, скажем, зашифрованного HTTP, который записывается как https://). Затем идёт часть, определяющая, с какого сервера мы запрашиваем документ. Последняя – строка пути, определяющая конкретный документ или ресурс.

HTML и JavaScript

HTML, или язык разметки гипертекста, Hypertext Markup Language – формат документа, использующийся для веб-страниц. HTML содержит текст и теги, придающие тексту структуру, описывающие такие вещи, как ссылки, параграфы и заголовки. контексте нашей книги самый главный тег HTML script . Он позволяет включать в документ программу на JavaScript.

Тег HTML script позволяет включать в документ программу на JavaScript.

<h1>Внимание, тест.</h1>
<script>alert("Привет!");</script>

Такой скрипт запустится сразу, как только браузер встретит тег script при разборе HTML. На странице появится диалог-предупреждение.

У тега script есть атрибут src, чтобы запрашивать файл со скриптом (текст, содержащий программу на JavaScript) с адреса URL.

<h1>Внимание, тест.</h1>
<script src="code/hello.js"></script>

Некоторые атрибуты тоже могут содержать программу JavaScript. У тега (на странице он выглядит как кнопка) есть атрибут onClick, и его содержимое будет запущено, когда по кнопке щёлкают мышкой.

<button onclick="alert('Бабах!');">НЕ ЖМИ</button>

Заметьте, что я использовал одинарные кавычки для строки в атрибуте onclick, поскольку двойные кавычки уже используются в самом атрибуте. Можно было бы использовать &amp;quot; , но это бы затруднило чтение.