- •Лекция 1: Назначение и применение JavaScript, общие сведения
- •Способ 1: url-схема "JavaScript:"
- •Способ 2: обработчики событий
- •Способ 3: подстановки
- •Размещение кода внутри html-документа
- •Условная генерация html-разметки на стороне браузера
- •Комментарии в html и JavaScript
- •Указание языка сценария
- •Регистр символов
- •2. Лекция: Типы данных и операторы
- •Массивы
- •Метод join()
- •Метод reverse()
- •Метод sort()
- •Операторы языка
- •3. Лекция: Функции и объекты
- •Функции
- •Функция как тип данных
- •Функция как объект
- •Объекты
- •Операторы работы с объектами
- •Клиентские объекты
- •Иерархия классов dom
- •Коллекции
- •Cвойства
- •События
- •Пользовательские объекты
- •Понятие пользовательского объекта
- •Прототип
- •Методы объекта Object
- •4. Лекция: Программируем свойства окна браузера Объект window
- •Свойства объекта window Поле статуса и свойство window.Status
- •Программируем status
- •Программируем defaultStatus
- •Поле адреса и свойство window.Location
- •Свойства объекта location
- •Методы объекта location
- •История посещений (history)
- •Тип браузера (navigator)
- •Методы объекта window
- •Методы focus() и blur()
- •Метод setTimeout()
- •Метод clearTimeout()
- •Методы setInterval() и clearInterval()
- •События объекта window
- •Переменные как свойства окна
- •Объект document
- •Фреймы (Frames)
- •Иерархия и именование фреймов
- •Коллекция фреймов
- •Передача данных во фрейм
Переменные как свойства окна
Глобальные переменные на самом деле являются свойствами объекта window. В следующем примере мы открываем окно с идентификатором wid, заводим в нем глобальную переменную t и затем пользуемся ею в окне-родителе, ссылаясь на нее как wid.t:
<HTML><HEAD>
<SCRIPT>
wid = window.open('','','width=750,height=100,status=yes');
wid.document.open(); R = wid.document.write;
R('<HTML><HEAD><SCRIPT>var t;<\/SCRIPT></HEAD>');
R('<BODY><H1>Новое окно</H1></BODY></HTML>');
wid.document.close();
</SCRIPT>
</HEAD>
<BODY>
<A HREF="javascript:
wid.t=window.prompt('Новое состояние:','');
wid.status=wid.t; wid.focus(); void(0);"
>Изменим значение переменной t в новом окне</A>
</BODY></HTML>
Пример 4.4. Изменение переменной открытого окна (html, txt)
Обратите внимание на нюанс: внутри скрипта мы написали <\/SCRIPT>. Комбинация "\/" выдает на выходе "/". Сделали мы это для того, чтобы браузер (точнее, его HTML-парсер) не воспринял бы </SCRIPT> как завершающий тэг нашего (внешнего) скрипта. Подробнее этот аспект обсуждался во вводной лекции. Также обратите внимание на алиас (синоним) R, который мы дали методу wid.document.write, чтобы иметь возможность кратко вызывать его как R(...).
Аналогичным образом (с приставкой wid, указывающей на объект окна) можно обращаться ко всем элементам, находящимся в открытом нами окне, например, к формам. В качестве примера рассмотрим изменение поля ввода в окне-потомке из окна-предка. Создадим дочернее окно с помощью функции okno(), в нем создадим форму, а затем обратимся к полю этой формы из окна-предка:
<HTML>
<HEAD>
<SCRIPT>
var wid; // Объявляем глобальную переменную
function okno()
{
wid = window.open('','okoshko','width=500,height=200');
wid.document.open(); R = wid.document.write;
R('<HTML><BODY><H1>Меняем текст в окне-потомке:</H1>');
R('<FORM NAME=f><INPUT SIZE=40 NAME=t VALUE=Текст>');
R('</FORM></BODY></HTML>');
wid.document.close();
}
</SCRIPT>
</HEAD>
<BODY>
<INPUT TYPE=button VALUE="Открыть окно примера" onClick="okno()">
<INPUT TYPE=button VALUE="Написать текущее время в поле ввода"
onClick="window.wid.document.f.t.value=new Date();
window.wid.focus();">
</BODY>
</HTML>
Пример 4.5. Изменение поля статуса в открытом окне (html, txt)
Открывая окно-потомок, мы поместили в переменную wid указатель на окно: wid=window.open(...);. Теперь мы можем использовать wid как идентификатор объекта класса Window. Вызов метода window.wid.focus() в нашем случае обязателен, поскольку при нажатии на кнопку "Написать текущее время в поле ввода" происходит передача фокуса в родительское окно (которое может заслонять вновь открытое окно, так что изменения, происходящие в окне-потомке, не будут видны пользователю). Для того, чтобы увидеть изменения, мы должны передать фокус в окно-потомок.
Переменная wid должна быть глобальной, т.е. определена за пределами каких-либо функций (как сделано в нашем примере). В этом случае она становится свойством объекта window, поэтому мы обращаемся к ней в обработчике onClick посредством window.wid. Если бы мы поместили ее внутри описания функции okno(), написав var wid = window.open(...), то мы не смогли бы к ней обратиться из обработчика события onClick, находящегося вне функции okno().