Главная страница
qrcode

Н., хаи, 2013 11. Введение в веб-программирование. Html-разметка


Скачать 11.83 Mb.
НазваниеН., хаи, 2013 11. Введение в веб-программирование. Html-разметка
Дата10.09.2019
Размер11.83 Mb.
Формат файлаpdf
Имя файлаВведение в веб-программирование.pdf
оригинальный pdf просмотр
ТипРеферат
#64805
страница6 из 12
Каталог
1   2   3   4   5   6   7   8   9   ...   12


Первая программа на JavaScript.

9 лекций по веб-программированию (c) Пономаренко Н.Н., ХАИ, 2013
18
функцию, возвращающую 1, если заданное число - простое, а также условные операторы и операторы цикла (подобные соответствующим конструкциям других языков программирования).
На рисунке 3.2 приведена такая программа (файл ex3_02.html).


Простые числа выделены красным цветом.


Это пример кнопки:

9 лекций по веб-программированию (c) Пономаренко Н.Н., ХАИ, 2013
19
Здесь мы видим новый для нас тег <button> .. </button>, который добавляет на веб-страницу кнопку. Внутри тега может быть вставлена какая-то надпись, а может, например, быть вставлено и изображение (тег <img>).
Эта кнопка ничего не делает. Можно на нее нажать (она нажмется), но при этом ничего не произойдет. Чтобы что-то произошло, нужно использовать JavaScript.
У тега <button>, как и у большинства других тегов, есть специальные атрибуты, назначение которых - обработка событий. За нажатие мышкой отвечает атрибут onClick. В качестве значения этого атрибута должен быть вставлен какой-то текст на JavaScript примерно вот так:


Это пример кнопки:

9 лекций по веб-программированию (c) Пономаренко Н.Н., ХАИ, 2013
20
этом будет выглядеть аккуратнее и понятнее (см. рисунок
3.6, файл ex3_06.html).



Это пример кнопки:

height:100px; background-color:lightgreen;" onClick="alert('
Нажато')">Текст



Здесь какой-то текст

9 лекций по веб-программированию (c) Пономаренко Н.Н., ХАИ, 2013
21
Попробуйте открыть в браузере эту страницу. Она нарисует кнопку, текст, но ничего не выведет на экран. А ведь в тексте этой веб-страницы вызывается функция more():

При вызове этой функции по идее должно всплыть окошко с надписью “Море”. Но не всплывает.
А еще на страничке есть кнопка, при нажатии на которую тоже вызывается функция more(). Попробуйте нажать на нее. А сейчас окно с надписью море появилось!
Почему? Почему в одном случае функция не сработала, а в другом - сработала?
Потому что браузер пытается выполнить JavaScript сразу же, как только его встречает (прямо в процессе загрузки страницы). И в тот момент, когда браузер частично загрузит текст страницы и увидит команду:

остальная часть страницы еще не будет загружена. И в том числе еще не будет загружена та часть страницы, где объявлена функция more(). Поэтому браузер проигнорирует вызов этой функции (он такой функции пока не знает).
В тот же момент, когда мы нажимаем на кнопку, страница уже полностью загружена, браузер уже загрузил то место веб-страницы, где объявлена more() и поэтому может вызвать эту функцию.
Учитывайте этот нюанс при разработке своих страниц.
Пока веб-страница не загрузилась полностью, нельзя из
JavaScript обращаться к тем кускам программы, которые вставлены в страницу дальше по тексту. Иногда для проверки загруженности страницы бывает удобно использовать событие onload (документ загружен). Его можно привязать к тегу <body> .. body> (вся вебстраница), например, как это показано на рисунке 3.9 (файл ex3_09.html).
1   2   3   4   5   6   7   8   9   ...   12

перейти в каталог файлов


связь с админом