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