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 объекта.
Скачать