Урок №2: подключение JavaScript к веб-странице
Есть несколько способов подключить событие JavaScript к HTML-документу. На данном уроке мы рассмотрим все способы подключения JavaScript-кода к HTML странице. Стоит заметить, независимо от типа подключения, всегда используется парный тег Script. Javascript-код может находиться как на самой странице (в теле страницы Body или в контейнере Head), так и во внешнем файле, который подключается с помощью ссылки на него в контейнере Head. Рассмотрим каждый способ подключения JavaScript к веб-странице более подробно.
JavaScript в контейнере body
Данный способ используется редко, так как браузеры считывая HTML-код и дойдя до тега script, прорабатывают событие и только после этого загружают остаток HTML-кода. Для примера создадим программу всплывающих окон.
<html>
<body>
<h1>Заголовок</h1>
<script type="text/javascript">
for(var i=1; i<=2; i++) {
alert("Всплывающее окно номер "+i+", нажмите пожалуйста - Ок!")
}
</script>
<p>...Остальной контент веб-страницы.</p>
</body>
</html>
В данном примере браузер загрузит заголовок и перейдет к событию, и до тех пор, пока пользователь не нажмет "Ок" в двух, поочередно всплывающих окнах, остальной контент веб-страницы не будет загружен. Данный урок посвящен именно подключению JavaScript к HTML-документы, поэтому элементы программы рассматривать не будем.
JavaScript в контейнере head
Данный способ более популярный, так как позволяет отделить JavaScript от документа, что облегчает работу с ним. Раньше в данном случае у тега script должен быть задан параметр language, который указывает язык, на котором написан скрипт. Сейчас используется в основном параметр type="text/javascript", однако и без него все работает. И все же рекомендуется использовать стандарты записи.
<html>
<head>
<title>Заголовок документа</title>
<script type="text/javascript">//код программы </script>
</head>
<body>
</body>
</html>
|
Такой способ можно успешно применять для хранения функций, которые можно использовать в необходимых местах и с необходимыми объектами в HTML-документе.
Подключение внешнего JavaScript
Как и в случае с таблицами стилей, скрипты можно хранить во внешнем файле. Такой файл можно создать в обычном "Блокноте", сохранив его с расширением .js (например, script.js). При написании скриптов в отдельном файле не нужно брать программу в парный тег script. Подключается такой файл с помощью тега script и его параметра src, в значении которого необходимо указать путь к вашему файлу со скриптами. Например:
<html>
<head>
<title>Заголовок документа</title>
<script src="/JavaScript/MyScript.js> </script>
</head>
<body>
</body>
</html>
|
Возможно подключить несколько файлов со скриптами, конфликтовать они между собой не будут.
<script src="/JavaScript/MyScript1.js> </script>
<script src="/JavaScript/MyScript2.js> </script>
|
К счастью все современные браузеры понимают JavaScript, и его подключение не должны вызвать вопросов. Далее рассмотрим виды литералов в JavaScript: Литералы
|