ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 13.06.2024
Просмотров: 18
Скачиваний: 0
appCodeName |
кодовое имя броузера |
appName |
название броузера |
appVersion |
версия броузера |
userAgent |
часть заголовка, посылаемого Web-серверу |
javaEnabled |
включена ли поддержка языка Java |
cookieEnabled |
включена ли поддержка cookies |
|
Объект screen |
Для получения информации о клиентском броузере используются значения свойств |
|
объекта screen. |
|
Свойство |
Описание |
colorDepth |
максимальное число цветов, поддерживаемых в данной системе |
height |
высота экрана в пикселах |
width |
ширина экрана в пикселах |
pixelDepth |
число бит на пиксел |
updateInterval |
временной интервал обновления экрана |
Объект document
Для работы с документами HTML используется объект document. Пользуясь его свойствами и методами, можно получить информацию о текущем документе, загруженном в окно броузера, а также управлять отображением содержимого этого документа.
Свойство |
Описание |
|
alinkColor |
цвет активной ссылки |
|
anchors |
массив локальных меток, размещенных в документе (метки |
|
|
используются для организации ссылок внутри документа) |
|
applets |
массив объектов, соответствующих апплетам Java, расположенным в |
|
|
документе |
|
bgColor |
цвет фона |
|
cookie |
значение cookie для данного документа |
|
embeds |
массив plug-in объектов, содержащихся в документе |
|
fgColor |
цвет текста |
|
forms |
массив, содержащий в виде объектов все формы, расположенные в |
|
|
документе |
|
images |
массив растровых изображений, включенных в документ |
|
lastModified |
дата последнего изменения документа |
|
linkColor |
цвет ссылки |
|
links |
массив, содержащий все ссылки в документе |
|
location |
полный адрес URL документа |
|
referrer |
адрес URL страницы, ссылающейся на текущую |
|
title |
заголовок документа |
|
URL |
полный адрес URL документа |
|
vlinkColor |
цвет ранее посещавшейся ссылки |
|
|
|
|
Метод |
|
Описание |
open |
|
открытие потока вывода в новое окно броузера |
write |
|
вывод указанного текста в окно броузера |
writeln |
|
вывод указанного текста в окно броузера с переводом строки |
close |
|
закрытие потока вывода |
clear |
|
очистка содержимого выбранной области |
createElement |
|
создание экземпляра объекта для указанного тега |
elementFromPoint(x ,y) |
элемент, находящийся в указанных координатах |
|
Событие |
Описание |
onCllick |
возникает при щелчке одной из кнопок мыши |
onDblClick |
возникает при двойном щелчке одной из кнопок мыши |
onMouseDown |
возникает при нажатии одной из кнопок мыши |
onMouseMove |
возникает при перемещении указателя мыши |
onMouseOut |
возникает при выводе указателя мыши из области элемента |
onMouseOver |
возникает при попадании указателя мыши в область элемента |
onMouseUp |
возникает при отпускании ранее нажатой кнопки мыши |
onDragStart |
возникает при перетаскивании элемента |
onSelectStart |
возникает при выборе содержимого элемента |
onKeyDown |
возникает при нажатии клавиши |
onKeyPress |
возникает при нажатии и удерживании клавиши |
onKeyUp |
возникает при отпускании заранее нажатой клавиши |
onKeyHelp |
возникает при нажатии клавиши F1 или аналогичной для получения |
|
справки |
Объект date
Объект Date и его методы используются для работы с датой и временем. Дата в языке JavaScript представляется так же, как и языке Java - это число миллисекунд, прошедших с 1 января 1970 года. Для создания экземпляра объекта Date используется конструктор new:
myDate=new Date()
Метод |
Описание |
getDate |
возвращает день месяца как целое число от 1 до 31 |
getDay |
возвращает день недели как целое число от 0 (воскресенье) до 6 (суббота) |
getMonth |
возвращает номер месяца как целое число от 0 (январь) до 11 (декабрь) |
getYear |
возвращает две последние цифры года |
getTime |
возвращает число миллисекунд между 1 января 1970 года, 00:00:00 и датой, |
|
заданной объектом Date |
getHours |
возвращает число часов как целое от 0 до 23 |
getMinutes |
возвращает число минут как целое от 0 до 59 |
getSeconds |
возвращает число секунд как целое от 0 до 59 |
setDate |
устанавливает день месяца |
setMonth |
устанавливает номер месяца |
setYear |
устанавливает год |
setTime |
устанавливает время |
setHours |
устанавливает число часов |
setMinutes |
устанавливает число минут |
SetSeconds |
устанавливает число секунд |
Использование cookie
Cookie – это механизм, позволяющий серверу хранить информацию на клиентском компьютере и при необходимости извлекать ее. С помощью механизма cookie сервер может хранить на клиентском компьютере некоторый именованный информационный элемент. Это может быть имя пользователя, информация о настройках, служебная информация, используемая в данной сессии и т.п. Обычно данный механизм применяется для сохранения информации, введенной пользователем. На каком-то узле пользователь вводит свои данные в поля формы, она отсылается на сервер, и информация при этом сохраняется на компьютере пользователя.
Механизм cookies поддерживается с помощью свойства cookie объекта document. Минимально должно быть установлено значение атрибута name.
Атрибут |
Описание |
name=value; |
каждый информационный элемент хранится в виде пары name=value; |
|
name задает название элемента, value - его значение |
expires=date |
задает «срок годности» информационного элемента: если этот атрибут не |
|
указан, срок годности истекает при закрытии броузера, установка срока |
|
годности, равного дате в будущем, приводит к сохранению элемента, |
|
равного дате в прошлом - удалению элемента (дата указывается в |
|
формате GMT) |
domain= |
задает имя домена, из которого «видно» содержимое данного |
domainname |
информационного элемента |
path=path |
задает маршрут, на котором «видно» содержимое данного |
|
информационного элемента |
secure |
задает защищенность информации |
Следующий пример демонстрирует создание cookies.
<html>
<head>
<title>Cookies</title>
<script language=JavaScript> function doCookie()
{myname="myname=";
if (document.cookie != -1) {value=document.cookie; alert("Hello, "+value)
}
else
{name=prompt("What is your name?", "I don't no"); document.cookie=myname+name+";";
}
}
</script>
</head>
<body onLoad="doCookie();">
</body>
</html>
В следующем примере запрашивается имя пользователя при первом посещении, сохраняется в виде информационного элемента, при последующих посещениях отображается в виде приветствия.
<html>
<head>
<title>Cookies</title>
<script language=JavaScript> function doCookie() {myName="myName=";
if (document.cookie.indexOf(myName) != -1) {start=document.cookie.indexOf(myName); end=document.cookie.indexOf(";"); value=document.cookie.substring(start+myName.length, end); alert("Hello, "+value)
}
else
{name=prompt("What is your name?", "I don't no"); document.cookie=myName+name+";";
}
}
</script>
</head>
<body onLoad="doCookie();"> </body>
</html>
Использование графики
Управление графикой с помощью JavaScript базируется на доступе к коллекции images и управлении свойствами отдельных элементов этой коллекции.
Атрибут name позволяет обращаться к графическому изображению по имени. Например, изображение, описанное как <img src=“First.gif” name=“First”>, доступно из
JavaScript как document.first.
Коллекция images содержит все графические изображения, включенные в состав данного HTML документа. для доступа к первому элементу можно обратиться к 0-му элементу коллекции: document.images[0].
Таким образом, если описанное выше графическое изображение было первым, можно обратиться к нему одним из следующих способов:
document.images[0]
document.images[“first”]
document.first
document[“first”]
Объект image
Объект image может использоваться для задания свойств графических изображений, включенных в состав данной страницы, а также для загрузки изображений в кэш-память и их
последующего отображения. |
|
|
|
В следующей таблице перечислены свойства объекта image |
|
||
Свойство |
Описание |
Только чтение |
Только <img> |
border |
атрибут border тега img |
да |
да |
complete |
булево значение, указывающее, |
да |
нет |
|
загружено изображение или нет |
да |
|
height |
высота изображения |
нет |
|
hspace |
атрибут hspace тега img |
да |
да |
lowsrc |
атрибут lowsrc тега img |
нет |
нет |
name |
атрибут name тега img |
нет |
да |
prototype |
позволяет добавлять свойства к |
- |
нет |
|
объекту image |
нет |
|
src |
атрибут src тега img |
нет |
|
vspace |
атрибут vspace тега img |
да |
да |
width |
атрибут width тега img |
да |
нет |
Создание анимационных изображений
С помощью динамической смены растровых изображений в сценарии JavaScript можно получить эффект анимации. Например, это выглядит так, как будто какое-либо слово, или рисунок, периодически тонет в цветном шуме, и затем проявляется вновь. Исходный текст сценария приведен ниже.
<html>
<head>
<title>Animation with JavaScritp</title> <script language="JavaScript">
i=1;