JavaScript Лекция 8
реклама
JavaScript
Лекция 8
JavaScript
JavaScript - новый язык для составления
скриптов, разработанный фирмой Netscape.
С помощью JavaScript можно легко
создавать интерактивные Web-страницы.
Размещение JavaScript на HTMLстранице
Код скрипта JavaScript размещется непосредственно на HTMLстранице. Чтобы увидеть, как делается, давайте рассмотрим
следующий простой пример:
<html>
<body>
<br>
Это обычный HTML документ.
<br>
<script language="JavaScript">
document.write("А это JavaScript!")
</script>
<br>
Вновь документ HTML.
</body>
</html>
События
События и обработчики событий являются очень важной
частью для программирования на языке JavaScript.
События, главным образом, инициируются теми или
иными действиями пользователя. Если он щелкает по
некоторой кнопке, происходит событие "Click". Если
указатель мыши пересекает какую-либо ссылку
гипертекста - происходит событие MouseOver. Существует
несколько различных типов событий.
Можно заставить JavaScript-программу реагировать на
некоторые из них. И это может быть выполнено с
помощью специальных программ обработки событий.
onChange
onChange (Обработчик события)
Событие происходит в тот момент, когда значение
элемента формы select, text или textarea
изменилось и элемент потерял фокус.
<INPUT TYPE="elementType"
onChange="function">
Применение: Этот обработчик особенно полезен
для проверки корректности ввода данных
пользователем.
<INPUT TYPE="text" VALUE="StateZIPCode"
NAME="SZC" onChange="check(this.value)">
onClick
onClick (Обработчик события)
Вызывается после щелчка левой кнопкой
мыши на объекте.
onLoad
onLoad (Обработчик события)
Вызывается, когда загрузка документа в
окно или в кадр закончена.
onMouseOver
onMouseOver (Обработчик события)
Событие происходит, когда указатель мыши
помещается над гиперссылкой.
onSubmit
onSubmit (Обработчик события)
Событие происходит в момент щелчка
мышью на кнопке Submit для посылки
данных формы на сервер.
onUnload
onUnload(Обработчик события)
Вызывается, когда пользователь выходит из
документа.
<BODY onUnload="function">
Функции
В большинстве программ на языке
JavaScript используются функции.
В большинстве случаев функции
представляют собой лишь способ связать
вместе нескольких команд.
Описание функции
В этом скрипте мы определили некую функцию, состоящую из
следующих строк:
function myFunction()
{
document.write("Добро пожаловать на мою страницу!<br>");
document.write("Это JavaScript!<br>");
}
Все команды скрипта, что находятся внутри фигурных скобок - {} принадлежат функции myFunction (). Это означает, что обе команды
document.write() теперь связаны воедино и могут быть выполнены при
вызове указанной функции.
Функции могут также использоваться в совместно с процедурами
обработки событий. Рассмотрим следующий пример:
Описание функции
<html>
<head>
<script language="JavaScript">
<!-- hide
function calculation() {
var x= 12;
var y= 5;
var result= x + y;
alert(result);
}
// -->
</script>
</head>
<body>
<form>
<input type="button" value="Calculate" onClick="calculation()">
</form>
</body>
</html>
Здесь при нажатии на кнопку осуществляется вызов функции calculation(). Как можно заметить, эта функция
выполняет некие вычисления, пользуясь переменными x, y и result. Переменную можно определить с помощью
ключевого слова var. Переменные могут использоваться для хранения различных величин - чисел, строк текста и т.д.
Так строка скрипта var result= x + y; сообщает браузеру о том, что необходимо создать переменную result и
поместить туда результат выполнения арифметической операции x + y (т.е. 5 + 12). После этого в переменный result
будет размещено число 17. В данном случае команда alert(result) выполняет то же самое, что и alert(17). Иными
словами, мы получаем выпадающее окно, в котором написано число 17.
Методы
Имеется возможность управлять самим
процессом создания окна. Например, Вы
можете указать, должно ли новое окно
иметь строку статуса, панель инструментов
или меню.
Alert
alert (Метод)
Выводит на экран диалоговое окно
JavaScript Alert с кнопкой ОК и
определенным программистом
сообщением.
Back
back (Метод)
Вызывает переход к предыдущему URL из
списка просмотренных в текущей сессии
работы с браузером документов.
Big
big (Метод)
Форматирует строковый объект более
крупным шрифтом.
Click
click (Метод)
Эмулирует щелчок на объекте левой
кнопкой мыши.
Close
close (Метод)
Для объекта document закрывает текущий
поток вывода и показывает содержимое
документа на экране.
Для объекта window закрывает текущее
окно.
document.close();
window.close();
Confirm
confirm (Метод)
Выводит диалоговое окно JavaScript
Confirm .
window.confirm();
Go
go (Метод)
Загружает документ из списка страниц,
посещенных за текущий сеанс работы
браузера.
Open
open (Метод)
Создает новый документ или экземпляр
окна.
document.open("index.htm", "demo",
"width=400,height=300,status=no,toolbar=no,
menubar=no" )
Объекты
history (Объект)
Список ранее просмотренных страниц,
аналогично пункту меню Go браузера.
Location
location (Объект)
Полная информация об URL текущего
документа.
Применение: Объект location используется
для определения URL любого активного
документа, включая документы в других
окнах или в кадрах навигатора.
String
string (Объект)
Последовательность символов,
ограниченная одинарными или двойными
кавычками.
stringName
Window
window (Объект)
Наивысший объект в иерархии JavaScript,
представляющий собой открытое окно
браузера.
Свойства
href (Свойство)
Возвращает строку, содержащую полный
URL текущего документа.
Name
name (Свойство)
Возвращает строку со значением атрибута
name объекта.
