Студопедия  
Главная страница | Контакты | Случайная страница

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатика
ИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханика
ОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторика
СоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансы
ХимияЧерчениеЭкологияЭкономикаЭлектроника

Размещение скриптов на HTML-странице

Читайте также:
  1. D. Условия пребывания и размещение
  2. Бегущая строка на html-странице
  3. Выявите зависимость между тектоническим строением, рельефом и размещением основных групп полезных ископаемых региона России или материка.
  4. Их размещение (ПНООЛР)
  5. Мы предлагаем Вам размещение рекламы в БЕСПЛАТНОМ Журнале Авто ПРОБКА.
  6. Новые скриптовые возможности.
  7. Определите по карте факторы, оказавшие влияние на размещение предприятий машиностроения.
  8. Определите по карте факторы, оказавшие влия­ние на размещение предприятий черной метал­лургии (по выбору учителя).
  9. Определить по карте факторы, оказавшие влияние на размещение предприятий цветной металлургии в г.Красноярске.
  10. Порядок разработки нормативов образования отходов и лимитов на их размещение

Программный код на 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 | Поможем написать вашу работу | Нарушение авторских прав




lektsii.net - Лекции.Нет - 2014-2024 год. (0.045 сек.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав