Читайте также:
|
|
Программный код на Javascript, который помещается на веб-страницы, называют скриптами. Скрипты содержат определения переменных и функций, а также инструкции, находящиеся вне функций (т.е. на глобальном уровне документа). Одна html-страница может иметь в разных местах несколько вставок кода,.
Чтобы при разборе текста html-файла было ясно, что далее идет текст скрипта, в HTML был добавлен специальный разметочный тег <script>.
<script type="text/javascript">
… js-операторы …
</script>
По правилам языка HTML скрипт может появиться в любом месте документа (в заголовке или в теле документа). Однако расположение скриптов может играть важную роль. Каждый элемент <script> выделяет блок программного кода, который выполняется, когда последовательный разбор документа приводит к нему.
Так как браузер последовательно интерпретирует строки загружаемого документа и, естественно, не может пользоваться тем, что еще не было разобрано. Например, если скрипт обращается к функции, которая будет определена в следующих фрагментах кода, то возникает ошибка. Исключение составляет случай, когда вызов функции происходит в том же блоке, где она определена (интерпретатор сначала отыскивает в этом блоке определения функций, а потом уже интерпретирует код).
ЗАДАНИЕ 1 (исследование областей видимости функций)
1. Создать html-страницу, на которой в теле документа имеются два разных скрипта (два элемента <script>).
В первом из них определяется функция f(), не имеющая аргументов. Тело функции состоит из одного оператора — вызова функции alert с сообщение "Вызов функции выполнен!".
Во втором скрипте также один оператор — вызывается функция f().
Загрузить страницу в браузер и проверить, выполняется ли программный код.
2. Поменять два скрипта местами и еще раз загрузить страницу. Загрузить страницу. Что произошло?
3. В условиях пункта 2 объединить два скрипта в один. Загрузить страницу. Есть ли какие-нибудь изменения?
ЗАДАНИЕ 2 (исследование областей определения переменных)
Смысл задания — проверить утверждения пункта "Области определения переменных" о создании переменных с локальными и глобальными областями видимости. Для выполнения задания необходим пустой html-файл, в заголовочную часть которого (элемент <head>) добавлен скрипт (элемент <script>).
1. В скрипте определить функцию f() без аргументов, в которой содержится один оператор: x=5;
Сразу за определением функции вызвать ее, вычислить и вывести с помощью alert значение переменной y=x+1;
2. В теле функции f() добавить служебное слово var, превратив инструкцию для x из оператора присваивания в определение переменной.
Посмотреть сообщение об ошибке, возникшей при выполнения скрипта, можно на консоли Javascript. Консоль в браузерах открывается как через меню, так и с помощью горячих клавиш:
Chrome — Ctrl+Shift+J (вкладка Console),
Firefox — Ctrl+Shift+J,
Opera — Ctrl+Shift+O.
3. Используя сообщение на консоли объяснить, почему перестал выполняться вывод оповещения.
Динамическое формирование содержания html-страницы из скрипта
Одно из главных достоинств скриптов — с их помощью можно формировать html-код и добавлять его на страницы.
Идея динамического формирования страниц в том, что часть разметки страницы не задается непосредственно, а "вычисляется" скриптом, и затем на странице замещает собой этот скрипт.
Чтобы вставить в html-документ текст, сформированный скриптом, используется метод write объекта document. Этот текст может содержать html-теги, которые будут интерпретироваться браузером наравне с теми, которые были в исходном документе.
Дата добавления: 2014-12-23; просмотров: 46 | Поможем написать вашу работу | Нарушение авторских прав |