Внешние скрипты

Дата добавления: 2015-07-09; просмотров: 849; Нарушение авторских прав

Если JavaScript-кода много — его выносят в отдельный файл, который подключается в HTML:

Здесь /path/to/script.js - это абсолютный путь к файлу, содержащему скрипт (из корня сайта).

Браузер сам скачает скрипт и выполнит.

Например:

<html>

<head>

</head>

<body>

count_rabbits();

</script>

</body>

</html>

Открыть код в новом окне

Содержимое файла /files/tutorial/browser/script/rabbits.js:

function count_rabbits() {

for(var i=1; i<=3; i++) {

alert("Кролик номер "+i)

}

Открыть код в новом окне

Можно указать и полный URL, например:

Вы также можете использовать путь относительно текущей страницы, например src="script.js" если скрипт находится в том же каталоге, что и страница.

Чтобы подключить несколько скриптов, используйте несколько тегов:

...

Как правило, в HTML пишут только самые простые скрипты, а сложные выносят в отдельный файл.

Благодаря этому один и тот же скрипт, например, меню или библиотека функций, может использоваться на разных страницах.

Браузер скачает его только первый раз и в дальнейшем, при правильной настройке сервера, будет брать из своего кэша.

Если указан атрибут src, то содержимое тега игнорируется.

В одном теге SCRIPT нельзя одновременно подключить внешний скрипт и указать код.

Вот так не cработает:

alert(1); // если указан src, то внутренняя часть скрипта игнорируется

</script>

Нужно выбрать: либо SCRIPT идёт с src, либо содержит код. Тег выше следует разбить на два: один — с src, другой с кодом:

alert(1);

</script>

Структура кода

1. Команды

2. Комментарии

В этой главе мы рассмотрим общую структуру кода, команды и их разделение.

<== предыдущая лекция	\|	следующая лекция ==>
Alert(...)	\|	Комментарии