Лекции (989962), страница 47
Текст из файла (страница 47)
ниже в лекциях. Ляхевич А.Г., 2000 - 2002 годСобытияonloadЭто событие происходит после окончания загрузки Web-страницы (включая и все рисунки) с сервера. При необходимости выполнить процедуру My_Program после полнойзагрузки страницы, нужно включить следующий тег:<BODY LANGUAGE="VBSCRIPT" ONLOAD="My_program">onunload (выгрузка окна), onbeforeunload (перед выгрузкой окна), onresize (изменение размеров окна),onscroll (прокрутка окна), onbeforeprint (перед печатью), onafterprint (после печати), onfocus (припереключении на окно - получение фокуса), onblur (при уходе с окна – потере фокуса), onerror (привозникновении ошибки на странице), onhelp (при вызове справки – F1).Объект Historybackforwardgolengthпереход к предыдущему, ранее посещенному сайту. Метод аналогичен нажатию кнопки "Назад"на панели Internet Explorer. Пример: history.back( )переход к следующему, ранее посещенному сайту. Метод аналогичен нажатию кнопки "Вперед"на панели Internet Explorer.
Пример: history.forward( )переход на несколько, ранее посещенных сайтов вперед (+) или назад (-). Пример: history.go(-3)число посещенных сайтов. Пример: status="Посетили "+history.length + " сайтов."Объект Navigatornavigator.appNamenavigator.appVersionnavigator.platformnavigator.systemLanguageназвание браузера. Пример: status= navigator.appNameверсия браузера. Пример: status= navigator.appVersionплатформа (тип операционной системы), на которой исполняется браузер.Пример: status= navigator.platformязык системы (например, русский = ru).Пример: status= navigator.systemLanguageОбъект LocationСвойстваprotocolhostnameporthostpathnameМетодыreloadreplaceassignтип протокола, по которому загружена страница (http).имя сервера, с которого загружена страница.порт сервера, к которому производилось подключение (например 80, или 8080).Комбинация имя сервера : порт.полный путь до страницы (протокол, имя сервера, порт).
Пример: status=location.pathname.перезагрузить страницу. Пример:location.reload (true) ' перезагрузить страницу с сервераlocation.reload (false) ' перезагрузить страницу из кэшазаместить текущую страницу новой страницей. При этом теряется "история посещенийсайтов" (history) и кнопки "вперед" и "назад" не работают. Пример: location.replace("file.htm")загрузка страницы. Пример: location.assign("http://www.microsoft.com/index.html")Объект DocumentОбъект document представляет собой HTML-документ, загруженный в данный момент в объект window, исодержит все формы, элементы, ссылки, рисунки и компоненты ActiveX, существующие на странице.Доступ к свойствам (методам) документа осуществляется в формате document .
cвойствоСвойстваlocationtitlelinkColoralinkColorvlinkColorbgColorfgColordefaultCharsetустанавливуает/возвращает URL-адрес документа. Пример: alert (document . location)возвращает заголовок документа, т.е. текст, расположенный между тэгами <TITLE>.Пример: alert (document . title)цвет гиперссылок в документе. Пример: document . linkColor = "gray"цвет ссылок при удерживании кнопки мыши в нажатом состоянии.Пример: document . linkColor = "red"цвет посещенных ссылок в документ.
Пример: document . linkColor = "green"цвет фона документа. Пример: document . bgcolor = "silver"основной цвет текста документа. Пример: document . bgcolor = "blue"кодировка документа по умолчанию. Аналогичен параметру charset тэга <META> взаголовке html-документа. Пример: document.defaultCharset="windows-1251" Ляхевич А.Г., 2000 - 2002 годreadyStateselectionlastModifiedfileSizefileCreateDatelinksanchorsimagesformsопределяет степень загрузки документа. Это свойство также определено для большинстваподчиненных объектов объекта document (формы, рисунки), благодаря чему можнопроверить степень их загрузки. Свойство может принимать следующие значения:uninitialized (инициализация/создание объекта еще не началось), loading(идет загрузкаобъекта), loaded (объект создан/проинициализирован), interactive(объект можетвзаимодействовать с пользователем, однако еще не все его данные получены), complete(загрузка объекта завершена). Ниже приведен пример, который проверяет загрузкудокумента через 10 секунд после начала.sub proverka( )if document.readyState="complete" then alert("Документ полностью загружен")end subx=window.setTimeout("proverka( )",10000)возвращает выделенный пользователем фрагмент html-документа.Пример: status = document.selectionвозвращает дату последнего обновления документа.
Пример: status=document.lastModifiedвозвращает размер файла документа. Пример: status=document. fileSizeвозвращает дату создания документа. Пример: status=document. fileCreateDateвозвращает семейство гиперссылок в документе, отмеченных тэгами вида <A HREF ="http://adress.com" name="Metka"> </A>. Доступ к гиперссылке возможен по ее имени илипозиции:alert( document .
links (0) )' вывод первой гиперссылки в документеalert( document . links ("Metka") ) ' вывод гиперссылки с именем Metkaalert( Metka )' вывод гиперссылки с именем Metkay = document .links.length' число гиперссылок в документеГиперссылки имеют тот же набор событий, что и объект document (см. ниже). Однако этисобытия определены только относительно данной гиперссылки: нажатие клавишиобрабатывается только, если конкретная гиперссылка имеет фокус, событие onmouseoverпроисходит только при перемещении над данной гиперссылкой и т.д. Пример:<HTML><BODY> <SCRIPT LANGUAGE="VBScript">sub info ( )alert ("Перемещаетесь над гиперссылкой")End Sub</SCRIPT> <a href="http://www.microsoft.com" onmouseover="info( )"> Гиперссылка </a></BODY> </HTML>возвращает семейство закладок (якорей), т.е.
позиций в документе, отмеченных тэгами <ANAME ="Metka"> </A> Всякая гиперссылка является закладкой, но не всякая закладкадолжна быть гиперссылкой. Доступ к закладкам – аналогичен доступу к гиперссылкам.alert( document . anchors (0) )' вывод первой закладки в документеalert( document . anchors ("Metka") ) ' вывод закладки с именем Metkaalert( Metka )' вывод закладки с именем Metkay = document .anchors.length' число закладок в документевозвращает семейство рисунков, содержащихся в документе. Доступ к рисункам возможенпо их имени или позиции в документе.
Пример:<IMG src="risunok.gif" name="ris1" alt="рисунок">status=docunent.images(0).src' вывод названия файла первого рисунка в документеstatus=docunent.images("ris1").src ' вывод названия файла рисунка с именем ris1status=ris1.src' упрощенная форма записиКаждый рисунок имеет следующие свойства, боьлшинство из которых доступны почтению и записи: src (файл рисунка), lowsrc(файл, обычно небольшого рисунка низкогоразрешения, который загружается браузером перед тем, как будет загружен основной,качественный рисунок), border (толщина рамки), heigth (высота в пикселях), width(ширина в пикселях), hspace и vspace (отсутп по горизонтали и вертикали), complete(только для чтения: true – рисунок загружен полностью, false – нет), name (только длячтения: имя рисунка в программе).возвращает семейство форм, содержащихся в документе.
Доступ по номеру или по имениформы, аналогично доступу к рисункам. Пример:<FORM Name="forma1"> <INPUT type="text" name="fio1"> </FORM>document.forms(0).elements(0).value = "Иванов"document.forms("forma1").elements("fio1").value = "Иванов"forma1.fio1.value = "Иванов"Подробнее работа с формами будет рассмотрена ниже. Ляхевич А.Г., 2000 - 2002 годframesappletsembedspluginscookiereferrerparentWindowМетодыwritewritelnopencloseexecCommandвозвращает семейство фреймов, описанных при помощи тэгов <FRAME>. Доступ пономеру или по имени фрейма, аналогично доступу к рисункам.возвращает семейство апплетов, описанных при помощи тэгов <APPLET>.
Аппелет этонезависимая программа на языке Java, выполняющаяся в рамках html-страницы(подробнее см. лекции по Java). Доступ к апплету возможен по номеру его положения вдокументе или по имени, указанном в тэге <APPLET name=имя>, и аналогичен доступу крисункам.возвращает семейство объектов, внедренных в документ, например объектов ActiveX.Доступ по номеру или по имени объекта, аналогично доступу к рисункам.возвращает семейство "плагинов" – специальных подключаемых к Internet Explorerпрограмм-модулей, для отображения специфических данных.
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
