Атрибут src
Импортирует файл со скриптами из внешнего файла. Как только внешние инструкции полностью загружаются, браузер обрабатывает их, словно они были внедрены в текущий документ. Файлы со скриптами JavaScript обычно имеют расширение js и могут размещаться в любом доступном месте.
Преимуществ использования внешних файлов несколько. Внешний файл после первого обращения сохраняется в кэше браузера и при последующих вызовах загружается быстрее. Кроме того, вызываемые функции удобно править в одном месте и код проще контролировать. Это особенно актуально, когда множество веб-страниц используют одни и те же скрипты.
Синтаксис
Значения
В качестве значения принимается полный или относительный путь к файлу. Файл должен иметь расширение .js.
Значение по умолчанию
HTML5 IE Cr Op Sa Fx
Тег SCRIPT, атрибут src .
Урок №2: подключение JavaScript к веб-странице
Есть несколько способов подключить событие JavaScript к HTML-документу. На данном уроке мы рассмотрим все способы подключения JavaScript-кода к HTML странице. Стоит заметить, независимо от типа подключения, всегда используется парный тег Script. Javascript-код может находиться как на самой странице (в теле страницы Body или в контейнере Head), так и во внешнем файле, который подключается с помощью ссылки на него в контейнере Head. Рассмотрим каждый способ подключения JavaScript к веб-странице более подробно.
JavaScript в контейнере body
Данный способ используется редко, так как браузеры считывая HTML-код и дойдя до тега script, прорабатывают событие и только после этого загружают остаток HTML-кода. Для примера создадим программу всплывающих окон.
Заголовок
for(var i=1; i alert(«Всплывающее окно номер «+i+», нажмите пожалуйста — Ок!»)
>
. Остальной контент веб-страницы.
В данном примере браузер загрузит заголовок и перейдет к событию, и до тех пор, пока пользователь не нажмет «Ок» в двух, поочередно всплывающих окнах, остальной контент веб-страницы не будет загружен. Данный урок посвящен именно подключению JavaScript к HTML-документы, поэтому элементы программы рассматривать не будем.
JavaScript в контейнере head
Данный способ более популярный, так как позволяет отделить JavaScript от документа, что облегчает работу с ним. Раньше в данном случае у тега script должен быть задан параметр language, который указывает язык, на котором написан скрипт. Сейчас используется в основном параметр type=»text/javascript», однако и без него все работает. И все же рекомендуется использовать стандарты записи.
Такой способ можно успешно применять для хранения функций, которые можно использовать в необходимых местах и с необходимыми объектами в HTML-документе.
Подключение внешнего JavaScript
Как и в случае с таблицами стилей, скрипты можно хранить во внешнем файле. Такой файл можно создать в обычном «Блокноте», сохранив его с расширением .js (например, script.js). При написании скриптов в отдельном файле не нужно брать программу в парный тег script. Подключается такой файл с помощью тега script и его параметра src, в значении которого необходимо указать путь к вашему файлу со скриптами. Например:
Возможно подключить несколько файлов со скриптами, конфликтовать они между собой не будут.
К счастью все современные браузеры понимают JavaScript, и его подключение не должны вызвать вопросов. Далее рассмотрим виды литералов в JavaScript: Литералы
Подключение JavaScript
В одной из предыдущих статей( тык ), я рассказывал про братков JS. В рассказе о CSS я показывал, что каскадные таблицы стилей могут подключаться как напрямую в HTML-страницу(внутрь тега style), так и отдельным файлом с форматом расширения *.css.
С JavaScript дела обстоят почти так же. Его можно подключить тоже двумя способами.
1-ый способ подключения
С помощью тега js-код . Т.е, весь код, который мы будем писать на JS, мы должны поместить внутрь этого тега.
Пример:
JS-page
Как видишь, есть одно отличие от того, как мы подключали CSS. Там мы весь CSS-код помещали внутрь тега и при этом, обязательным условием является его размещение внутри тега .
Здесь же мы можем разместить тег в любом месте HTML-страницы и все будет работать. Но, запомни, js-код лучше всего размещать в конце страницы, перед