Размещение кода внутри HTML-документа

Дата добавления: 2013-12-23; просмотров: 879; Нарушение авторских прав

Собственно, особенного разнообразия здесь нет. Код можно разместить либо в заголовке документа, внутри контейнера HEAD, либо внутри BODY. Последний способ и его особенности будут рассмотрены в разделе "Условная генерация HTML-разметки на стороне браузера". Поэтому обратимся к заголовку документа.

Код в заголовке размещается внутри контейнера SCRIPT:

<HTML><HEAD><SCRIPT>function time_scroll(){ d = new Date(); window.status = d.getHours()+":"+d.getMinutes()+":"+d.getSeconds(); setTimeout('time_scroll();',500);}</SCRIPT></HEAD><BODY onLoad=time_scroll()><CENTER><H1>Часы в строке статуса</H1><FORM><INPUT TYPE=button VALUE="Закрыть окно" onClick=window.close()></FORM></CENTER></BODY></HTML>

В этом примере мы декларировали функцию time_scroll() в заголовке документа, а потом вызвали ее как обработчик события load в теге начала контейнера BODY (onLoad=time_scroll()) .

В качестве примера декларации переменной рассмотрим изменение статуса окна-потомка из окна-предка:

Создадим дочернее окно с помощью следующей функции, продекларировав ее, а затем и вызвав:

function sel(){ id = window.open("","example","width=500,height=200,status,menu"); id.focus(); id.document.open(); id.document.write("<HTML><HEAD>"); id.document.write("<BODY>"); id.document.write("<CENTER>"); id.document.write("<H1>Change text into child window.</H1>"); id.document.write("<FORM NAME=f>"); id.document.write("<INPUT TYPE=text NAME=t SIZE=20 MAXLENGTH=20 VALUE='This is the test'>"); id.document.write("<INPUT TYPE=button VALUE='Close the window' onClick=window.close()></FORM>"); id.document.write("</CENTER>"); id.document.write("</BODY></HTML>"); id.document.close();}<INPUT TYPE=button VALUE="Изменить поле статуса в окне примера" onClick="id.defaultStatus='Привет'; id.focus();">

Открывая окно-потомок, мы поместили в переменную id указатель на объект окно id=window.open(). Теперь мы можем использовать ее как идентификатор объекта класса Window. Использование id.focus() в нашем случае обязательно. При нажатии на кнопку "Изменить поле статуса в окне примера" происходит передача фокуса в родительское окно. Оно может иметь размер экрана. При этом изменения будут происходить в окне-потомке, которое будет скрыто родительским окном. Для того чтобы увидеть изменения, надо передать фокус. Переменная id должна быть определена за пределами каких-либо функций, что и сделано. В этом случае она становится свойством окна. Если мы поместим ее внутри функции открытия дочернего окна, то не сможем к ней обратиться из обработчика события click.

<== предыдущая лекция	\|	следующая лекция ==>
Подстановки	\|	В данной лекции рассматриваются вопросы программирования свойств окна браузера, управление окнами, а также работа с фреймами.