 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Размещение кода внутри HTML-документа
|
|
Собственно, особенного разнообразия здесь нет. Код можно разместить либо в заголовке документа (внутри контейнера HEAD) либо в теле документа (внутри контейнера BODY). Последний способ и его особенности будут рассмотрены в разделе "Условная генерация HTML-разметки на стороне браузера". Поэтому обратимся к заголовку документа.
Код в заголовке документа размещается внутри контейнера SCRIPT. В следующем примере мы декларировали функциюtime_scroll() в заголовке документа, а потом вызвали ее как обработчик события Load в теге начала контейнера BODY.
<HTML><HEAD><SCRIPT>function time_scroll(){ var d = new Date(); window.status = d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds(); setTimeout('time_scroll()',1000);}</SCRIPT></HEAD><BODY onLoad="time_scroll()"><H1>Часы в строке статуса</H1></BODY></HTML>1.2. Часы в поле статуса окна
Функция time_scroll() вызывается по окончании полной загрузки документа (обработчиком onLoad). Она заносит текущую дату и время (new Date) в переменную d. Затем записывает текущее время в формате ЧЧ:ММ:СС в window. status, тем самым оно будет отображаться в поле статуса окна браузера (подробнее о нем рассказано в лекции "Программируем свойства окна браузера"). Наконец, она откладывает (setTimeout) повторный вызов самой себя на 1000 миллисекунд (т.е. 1 секунду). Таким образом, каждую секунду в поле статуса будет отображаться новое время.
Дата публикования: 2015-01-24; Прочитано: 647 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
