Главная Обратная связь Поможем написать вашу работу!

Дисциплины:

Архитектура (936)
Биология (6393)
География (744)
История (25)
Компьютеры (1497)
Кулинария (2184)
Культура (3938)
Литература (5778)
Математика (5918)
Медицина (9278)
Механика (2776)
Образование (13883)
Политика (26404)
Правоведение (321)
Психология (56518)
Религия (1833)
Социология (23400)
Спорт (2350)
Строительство (17942)
Технология (5741)
Транспорт (14634)
Физика (1043)
Философия (440)
Финансы (17336)
Химия (4931)
Экология (6055)
Экономика (9200)
Электроника (7621)






Вариация четвертая: с диалоговой панелью сообщения



Язык JavaScript имеет встроенные средства для отображения простейших диалоговых панелей, таких как панель сообщений. В листинге 1.6 приведен исходный текст сценария JavaScript, в котором вызывается функция alert, предназначенная для отображения диалоговых панелей с сообщениями.

Листинг 1.6.

<HTML> <HEAD> <TITLE>Hello, world!</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function printHello() { alert("Hello, world!"); } // --> </SCRIPT> </HEAD> <BODY> <H1>JavaScript Test</H1> <SCRIPT LANGUAGE="JavaScript"> <!-- printHello(); // --> </SCRIPT> </BODY></HTML>

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

 

Вариация пятая: с диалоговой панелью ввода информации

В данном примере рассматривается использование диалоговой панели ввода информации. Введенная в диалоговой панели текстовая строка выводится в окне браузера.

Листинг 1.7.

<HTML> <HEAD> <TITLE>Hello, world!</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function printHello() { szHelloStr=prompt("Введите приветственное сообщение:", ""); document.write(szHelloStr); } // --> </SCRIPT> </HEAD> <BODY> <H1>JavaScript Test</H1> <SCRIPT LANGUAGE="JavaScript"> <!-- printHello(); // --> </SCRIPT> </BODY></HTML>

Диалоговая панель ввода информации вызывается с помощью функции prompt. В качестве параметров функции передается вводное сообщение для пользователя и начальное значение запрашиваемой текстовой строки (в приведенном примере - пустое).

 

Вариация шестая: обработка события

В языке JavaScript есть удобные средства обработки событий. В следующем примере когда пользователь пытается выбрать ссылку "Select me!", разместив над ней курсор мыши, на экране появляется диалоговая панель с сообщением "Hello, world!". Исходный текст соответствующего документа HTML с встроенным в него сценарием представлен в листинге 1.7.



Листинг 1.8.

<HTML> <HEAD> <TITLE>Hello world!</TITLE> </HEAD> <BODY> <H1>JavaScript Test</H1> <A HREF="" onMouseover="alert('Hello, world!');">Select me!</A> </BODY></HTML>

Здесь для нас интересна строка оператора <A>. Напомним, что этот оператор обычно применяется для организации ссылок на другие документы HTML или файлы различных объектов. В данном случае поле ссылки параметра HREF пустое, однако дополнительно в оператор <A> включена следующая конструкция:

onMouseover="alert('Hello, world!');"

Она указывает, что при возникновении события onMouseover (наведение мыши) должна выполняться следующая строка программы JavaScript:

alert('Hello, world!');

Обратите внимание, что строка задана не в двойных кавычках, а в одинарных. В сценариях JavaScript допустимо использовать и те, и другие кавычки, однако закрывающая кавычка должна быть такой же, что и открывающая. Внутренняя пара кавычек должна отличаться от внешней.

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



Объекты.

Java Script изначально создавался для работы с объектами. Объекты имеют свои описательные характеристики, называемые свойствами и режимы работы с ними, называемые методами. К примеру, объект document, представляет страницу в браузере. Этот объект имеет присущие ему свойства: linkColor(цвет ссылки), title(заголовок) и location(размещение), и методы: open(), clear(), write().

По мимо объекта document существуют объекты window и image, обладающие определенными свойствами и методами.

Таблица. Обработчики событий

Обработчик события Описание
Onabort Пользователь прервал загрузку страницы
Onclick Пользователь щелкнул на элементе мышью
Ondblclick Пользователь выполнил на элементе двойной щелчок мышью
Onload Браузер загрузил страницу
Onreset Пользователь щелкнул по кнопке Обновить формы
Onsubmit Пользователь щелкнул по кнопке Отправить формы
onunload Браузер прекратил отображение страницы, т.к. приступил к загрузке другой

 


Просмотров 276

Эта страница нарушает авторские права




allrefrs.ru - 2021 год. Все права принадлежат их авторам!