- •Лабораторная работа
- •Основы языка JavaScript
- •1. Комментарии.
- •2. Переменные.
- •3. Типы данных.
- •4. Операторы и выражения.
- •5. Преобразования типов в смешанных строково-числовых выражениях.
- •6. Управляющие конструкции языка.
- •If(условие) { инструкции1 [ } else { инструкции2 ] }
- •7. Определения и вызовы функций
- •8. Размещение скриптов на html-странице.
- •9. Динамическое формирование содержания html-страницы из скрипта.
- •10. Подключение скрипта из внешнего файла
10. Подключение скрипта из внешнего файла
В JavaScript имеется возможность подключения программного кода из внешнего файла, (напоминает действие директивы #include в Си). Это дает возможность без дублирования использовать один и тот же программный код на многих страницах.
Чтобы реализовать эту возможность, создается файл с кодом на JavaScript, который можно подключать к любому числу HTML-файлов.
Файлу кода обычно присваивают расширение .js. Например, его можно назвать code.js.
Подключаемые файлы содержат только код JavaScript, поэтому теги <script>…</script> в них не нужны!
Вынос скриптов во внешний файл имеет несколько преимуществ:
|
Для вставки кода в HTML-страницу используется следующая синтаксическая конструкция (фрагмент с указанием файла кода подчеркнут):
<script type="text/javascript" src="code.js"></script>
Замечание.
Тело тега <script> должно оставаться пустым!
Открывающий элемент тег <script type="text/javascript" src="code.js"> говорит браузеру следующее:
встретился скрипт,
скрипт записан в текстовом формате,
он должен интерпретироваться как Javascript,
скрипт расположен во внешнем файле по указанному URL.
Пример.
файл code.js
document.write("<font size='5' face='arial'>");
document.write("Переменная <i>x</i> имеет значение <b>"+x+"</b>");
document.write("</font>");
файл test.htm
<html><head><title> Программа 1 </title>
<script type="text/javascript"> var x=1 </script>
</head>
<body>
<script type="text/javascript" src=code.js></script>
</body></html>
ЗАДАНИЕ 3 (подгрузка кода javascript из внешнего файла)
1. Проверить работу приведенного примера. Затем дополнительно вынести в файл кода определение переменной х, проверить правильность формирования страницы.
2. Преобразовать страницу из ЗАДАНИЯ 2 так, чтобы код функции sqrtTable() был вынесен в отдельный файл.