Автор HTML страницы должен разрешить апплету обращаться к JavaScript, определяя атрибут MAYSCRIPT тега APPLET. Это предотвращает апплет от доступа JavaScript на странице без ведома автора страницы. Например, чтобы допустить апплет musicPicker.class к JavaScript на вашей странице, определите следующеее:
<APPLET
CODE = "musicPicker.class"
WIDTH=200
HEIGHT=35
NAME="musicApp"
MAYSCRIPT>
Массив applet
вы можете ссылаться на апплеты, используя массив applet. Этот массив содержит все объекты Applet (тег <APPLET>) в документе в исходном порядке. Например, если документ содержит три апплета, то эти апплеты отражены как document.applets [0], document.applets [1], и document.applets [2].
Объект. Определяет область изображения как отображение изображения. Когда пользователь нажимает область, ссылка гипертекста области загрузится в ее целевое окно.
HTML синтаксис
Чтобы определять область, используйте стандарт HTML синтаксис с добавлением обработчиков событий onMouseOut и onMouseOver:
<MAP NAME="mapName">
<AREA
[NAME="areaName"]
COORDS="x1,y1,x2,y2,..."|"x-center,y-center,radius"
HREF="location"
[SHAPE="rect"|"poly"|"circle"|"default"]
[TARGET="windowName"]
[onMouseOut="handlerText"]
[onMouseOver="handlerText"]>
</MAP>
HTML атрибуты
NAME = "mapName" определяет имя отображения. вы можете определить это имя отображения в атрибуте USEMAP тега <IMG>.
AREA определяет область изображения как отображение изображения.
NAME = "areaName" определяет имя объекта Area . Этот атрибут не отражен в JavaScript (вы не можете обратиться к объекту Area по имени).
COORDS определяет координаты отображения изображения.
HREF = "location" определяет URL документа, чтобы загрузить, когда пользователь нажимает область. Любая область изображения, которая не имеет атрибута HREF, не делает функцию как гиперсвязь. Этот атрибут требуется, если вы включаете обработчики результата onMouseOut и onMouseOver.
SHAPE определяет форму отображения. "default" определяет область как невыполнть. Если опущено, используется "rect".
TARGET = "windowName" определяет окно, в которое будет загружена связь. windowName может быть существующее окно; это может быть имя фрейма, указанное в теге <FRAMESET>; или это может быть один из литералов фрейма name _top, _parent, _self, или _blank; это не может быть выражение JavaScript (например, это не может быть parent.frameName или windowName.frameName).
Объекты Area находятся в массиве links. вы не можете обратиться к объекту Area по имени; вы должны использовать массив links. Например, если документ содержит три объекта области, эти объекты отражены как document.links [0], document.links [1], и document.links [2]. Для информации относительно массива links, смотрите объект Link.
Атрибут HREF требуется для объекта Area чтобы использовать обработчики результата onMouseOut или onMouseOver. Однако, если вы создаете Area для изображения и не хотите, чтобы изображение связалось с ссылкой гипертекста когда нажато, определите JavaScript функцию в области аттрибута HREF, используя javascript: URL протокол. Например, если пользователь нажимает следующий объект Area, выполняется функция onTop.
<MAP
NAME="worldMap">
<AREA
NAME="topWorld"
COORDS="0,0,50,25"
HREF="javascript-onTop()"
onMouseOver="self.status='You are on top of the world';
return true"
onMouseOut="self.status='You have left the top of the world';
return true">
</MAP>
Если вы хотите, чтобы связь области ничего не делала, используйте javascript:void (0) в атрибуте HREF. Когда пользователь нажимает следующий объект Area, ничего не случиться:
<MAP NAME="worldMap">
<AREA
NAME="topWorld"
COORDS="0,0,50,25"
HREF="javascript-void(0)"
onMouseOver="self.status='You are on top of the world';
return true"
onMouseOut="self.status='You have left the top of the world';
return true">
</MAP>
Пример 1.Обработчики событий OnMouseOver и onMouseOut.Следующий пример показывает изображение globe.gif. Изображение использует отображение изображения, которое определяет области для верхней и нижней половин изображения. OnMouseOver и onMouseOut обработчики событий показывают различные сообщения строки состояния в зависимости от местоположения мыши, и оставляет либо верхную либо нижную половины изображения. Атрибут HREF требуется при использовании обработчиков событий onMouseOver и onMouseOut, но в этом примере, изображение не нуждается в гипертекстовой связи , так что атрибут HREF выполняет javascript:void (0), который ничего не делает (для получения дополнительной информации смотрите оператор void).
<MAP NAME="worldMap">
<AREA
NAME="topWorld"
COORDS="0,0,50,25"
HREF="javascript:void(0)"
onMouseOver="self.status='You are on top of the world';
return true"
onMouseOut="self.status='You have left the top of the world';
return true">
<AREA
NAME="bottomWorld"
COORDS="0,25,50,50"
HREF="javascript:void(0)"
onMouseOver="self.status='You are on the bottom of the world';
return true"
onMouseOut="self.status='You have left the bottom of the
world';
return true">
</MAP>
<IMG SRC="globe.gif" ALIGN="top" HEIGHT="150" WIDTH="150" USEMAP="#worldMap">
Пример 2. Обращение к объекту через массив link. Следующийпример обращается к свойству href первого объекта Area, показанного в Примере 1.
Document.links [0] .href
Пример 3. Использование onClick с атрибутом HREF. Следующий пример использует атрибут HREF объекта Area, чтобы выполнить JavaScript функцию. Продемонстрированное изображение colors.gif, показывает два типовых цвета. Верхняя половина изображения - цветом "antiquewhite", а нижняя половина белая. Когда пользователь нажимает на верхную или нижную половины изображения, функция setBGColor изменяет цвет фона документа в цвет, выбранному пользователем.
<SCRIPT>
function setBGColor(theColor) {
document.bgColor=theColor
}
</SCRIPT>
Выберите цвет фона этого документа
<MAP NAME="colorMap">
<AREA NAME="topColor"COORDS="0,0,50,25"HREF="javascript:setBGColor('antiquewhite')">
<AREA NAME="bottomColor" COORDS="0,25,50,50"HREF="javascript:setBGColor('white')">
</MAP>
<IMG SRC="colors.gif"
ALIGN="top"
HEIGHT="50"
WIDTH="50"
USEMAP="#colorMap">
arrayObjectName является либо именем нового объекта либо свойством существующего объекта.
arrayLength - начальная длина массива. вы можете обращаться к этому значению, используя свойство length
propertyName - один из свойств, описанных ниже.
methodName - один из методов, описанных ниже.
Свойства
Отсутствуют.
Выполненный в
Navigator 3.0
Описание
Объект array - встроенный объект JavaScript.
вы можете определять начальную длину, когда создаете массив. Следующий код создает массив из пяти элементов:
billingMethod = new array(5)
Когда вы создаете массив, все его элементы первоначально недействительны. Следующий код создает массив из 25 элементов, затем присваивает значения первым трем элементам:
musicTypes = new Array(25)
musicTypes[0] = "R&B"
musicTypes[1] = "Blues"
musicTypes[2] = "Jazz
Длина массива увеличивается, если вы приписываете значение элементу больше чем текущая длина массива. Следующий код создает массив нулевой длины, затем присваивает значение элементу 99, изменяя длину массива до 100.
colors = new Array()
colors[99] = "midnightblue"
вы можете создавать плотный массив из двух или больше элементов, начинающихся с индекса 0, если вы определяете начальные значения для всех элементов. Плотный массив - это массив, в котором каждый элемент имеет значение. Следующий код создает плотный массив с тремя элементами:
myArray = new Array("Hello", myVar, 3.14159)
Отсутствуют. Встроенные объекты не имеют обработчиков событий.
Примеры
Следующий пример создает массив, msgArray, нулевой длины, затем присваивает значения msgArray [0] и msgArray [99], изменяя длину массива до 100.
msgArray = new Array()
msgArray [0] = "Hello"
msgArray [99] = "world"
if (msgArray .length == 100)
// This is true, because defined msgArray [99] element.
document.write("The length is 100.")
Смотрите также примеры для обработчика событий onError.
Следующая функция возвращает угол полярной координаты:
function getAtan2(x,y) {
return Math.atan2(x,y)
}
Если выполняется getAtan2 значения (90,15), то возвращается 1.4056476493802699; если выполняется значение (15,90), то возвращается 0.16514867741462683.
Метод blur - метод объектов window и frame. Метод blur удаляет фокус из окна или фрейма. Передвижение фокуса посылает окно к фону в большинстве систем управления окнами.
Синтаксис
frameReference.focus ()
windowReference.blur ()
Параметры
frameReference - способ только для фреймов, как описано в объекте frame.
windowReference - способ только для окн, как описано в объекте window .
Свойстов border отражает атрибут BORDER тега <IMG >. Для изображений, созданных при image (), значение свойства border - 0.
border - свойство только для чтения.
Примеры
Следующая функция показывает значение свойства border изображения, если значение - не ноль.
function checkBorder(theImage) {
if (theImage.border==0) {
alert('The image has no border!')
}
else alert('The image's border is ' + theImage.border)
}
Метод close закрывает только окна, открытые JavaScript использующие метод close. Если вы хотите закрыть любое другое окно, которое допускает пользователя, выбирают, закрывается ли окно. Это - элемент(размер элемента) безопасности(акции), чтобы предотвратить " бомбы почты " содержащий self.close (). Однако, если окно имеет только один документ (текущий) в его истории сеанса, завершение допускается без, любой подтверждает. Это - частный случай для одноразовых окон, которые должны открыться другие окна и затем распорядиться собой.
complete
< <New. > >
Свойство. Логическое значение, которое указывает закончила ли Navigator загружать изображение.
Синтаксис
imageName.complete
Параметры
imageName является либо именем объекта image либо элементом в массиве image.
Следующий пример показывает изображение и три переключателя. Пользователь может щелкать переключатели, чтобы выбрать, какое изображение показано. Щелчок другой кнопки позволяет пользователю, смотреть текущее значение complete собственности.
<B>Choose an image:</B>
<BR><INPUT TYPE="radio" NAME="imageChoice" VALUE="image1" CHECKED
onClick="document.images[0].src='f15e.gif'">F-15 Eagle
<BR><INPUT TYPE="radio" NAME="imageChoice" VALUE="image2"
onClick="document.images[0].src='f15e2.gif'">F-15 Eagle 2
<BR><INPUT TYPE="radio" NAME="imageChoice" VALUE="image3"
onClick="document.images[0].src='ah64.gif'">AH-64 Apache
<BR><INPUT TYPE="button" VALUE="Is the image completely loaded?"
onClick="alert('The value of the complete property is '
+ document.images[0].complete)">
<BR>
<IMG NAME="aircraft" SRC="f15e.gif" ALIGN="left" VSPACE="10"><BR>
Не используйте локализацию как свойство объекта document ; используйте вместо свойство document.URL. Свойство document.location, которое является синонимом для document.URL, в будущем будет удален.
вы можете очищать подокна документа (и устранять текст, формы элемента, и так далее, не восстанавливая изображение) используя document.close (); document.open (); document.write ().
enabledPlugin
< <New. > >
Свойство. Возвращает ссылку к объекту Plugin для plug-in, который обращается к типу MIME, или NULL, если никакой plug-in не обращается к типу MIME.
Объект. Файл загружает элемент в форму HTML. Файл загружает элемент, позволяет пользователю, обеспечивая файл как вход.
HTML синтаксис
Чтобы определять объект FileUpload, используйте стандарт HTML синтаксис:
<INPUT
TYPE = "file"
NAME = "fileUploadName" >
HTML атрибуты
NAME = "fileUploadName" определяет имя объекта fileUpload (это - не имя файла, которое загружено). вы можете обращаться к этому значению, используя свойство name.
Синтаксис
Использование свойства объекта FileUpload:
fileUploadName.propertyName
Параметры
fileUploadName - значение атрибута NAME объекта FileUpload.
Отражает текущее значение файла загруженной области элемента; это соответствует имени файла. Это - свойство только для чтения.
Методы
Отсутствуют.
Обработчики событий
Отсутствуют.
Примеры
Следующий пример размещает объект FileUpload в форму и обеспечивает две кнопки, которые позволяют пользователю, показывать текущие значения свойств name и value.
<FORM NAME="form1">
File to send: <INPUT TYPE="file" NAME="myUploadObject">
<P>Get properties<BR>
<INPUT TYPE="button" VALUE="name"
onClick="alert('name: ' + document.form1.myUploadObject.name)">
<INPUT TYPE="button" VALUE="value"
onClick="alert('value: ' + document.form1.myUploadObject.value)"><BR>
</FORM>
Следующий синтаксис был добавлен для определения обработчика событий onBlur, или onFocus для frameset (framesets - окна, которые имеют не-пустые массивы frame):
Следующий синтаксис был добавлен для определения обработчика событий onBlur или onFocus для фрейма (для фреймов, вы не можете определять эти обработчики результата в HTML):
frameReference - только для фрейма, как описано в объекте frame .
errorHandler - нулевое ключевое слово, имя функции обработки ошибок, либо переменная либо свойство, которое содержит нулевой или имеющий силу справочник по функциям.
Описание
Чтобы создавать обработчик событий onBlur или onFocus для фрейма, вы должны управлять свойством onblur или onfocus и определять их во всех нижних регистрах (вы не можете определять их в HTML).
Обработчики событий
Следующие обработчики событий были добавлены к framesets и объекту frame:
Объект. Определяет строку код JavaScript, которую нужно компилировать как функция.
Синтаксис
functionTarget = new Function ([arg1, arg2, ... argn], functionBody)
Параметры
functionTarget - имя переменной или свойство существующего объекта. Это может также быть объект, сопровождаемый именем обработчика событий нижнего регистра, типа window.onerror.
arg1, arg2, ... argn - строковые аргументы, которые нужно использовать функцией как формальные имена аргумента.
functionBody - строка, определяющая код JavaScript, который нужно компилировать как тело функции.
Выполненный в
Navigator 3.0
Описание
Объекты function оцениваются, каждый раз когда они используются. Это менее эффективно чем объявление функции и запроса внутри вашего кода, потому что объявленные функции компилируются.
Определение переменной значения с объектом Function
Следующий код присваивает функцию переменной setBGColor. Эта функция устанавливает цветовой фон текущего документа.
var setBGColor = new Function("document.bgColor='antiquewhite'")
Чтобы вызывать объект Function , вы можете определить переменное имя, так если бы это была функция. Следующий код выполняет функцию, определенная как переменная setBGColor:
var colorChoice="antiquewhite"
if (colorChoice=="antiquewhite") {setBGColor()}
вы можете присваивать функцию обработчику событий следующими способами:
Создание переменной setBGColor показанный выше подобно объявлению следующей функции:
function setBGColor() {
document.bgColor='antiquewhite'
}
Назначение функцию как переменную подобно объявлению функции, но они имеют разногласия:
Когда вы приписываете функцию переменной, используя var setBGColor= new Function("..."), setBGColor - переменная, для которой текущая значение является ссылкой на функцию, созданную с new Function().
Когда вы создаете функцию, используя функцию setBGColor () {...}, setBGColor - не переменная, это - имя функции.
Определение аргументов в объекте function
Следующий код определяет объект function ,который принимает два аргумента.
Вар multFun = новая Функция ("x", "y", " возвращают x * y ")
Остроковые аргументы "x" и "y" - формальные имена аргумента, которые используются в теле функции, " возвращают x * y ".
Следующий код показывает различные способы как вызвать функцию multFun:
var theAnswer = multFun (7,6) document.write (" 15*2 = " + multFun (15,2))
<INPUT NAME="operand1" TYPE="text" VALUE="5" SIZE=5>
<INPUT NAME="operand2" TYPE="text" VALUE="6" SIZE=5>
<INPUT NAME="result" TYPE="text" VALUE="" SIZE=10>
<INPUT NAME="buttonM" TYPE="button" VALUE="Multiply" onClick="document.form1.result.value= multFun(document.form1.operand1.value, document.form1.operand2.value)">
вы не можете вызывать функцию multFun в свойстве обработчика событий, потому что эти свойства не могут брать аргументы. Например, вы не можете вызвать функцию multFun следующим образом:
document.form1.button1.onclick=multFun(5,10)
Определение обработчика событий с объектом function
Следующий код присваивает функцию onFocus обработчику событий окна:
window.onfocus = new Function("document.bgColor='antiquewhite'")
Если вы имеете только ссылку на объект функции, то вы можете использовать его одноименную функцию, и преобразует от объекта до функции:
Window.onfocus ()
Позволяет вам, прибавлять свойства к объекту function.
Методы
Отсутствуют.
Обработчики Событий
Отсутствуют.
Примеры
Следующий пример создает обработчики событий onFocus и onBlur для фрейма. Этот код существует в том же самом файле, который содержит тег <FRAMESET>. Заметьте, что это - единственый способ создания обработчиков событий onFocus и onBlur для фрейма, потому что вы не можете определять обработчики событий в теге <FRAME>.
frames[0].onfocus = new Function("document.bgColor='antiquewhite'")
frames[0].onblur = new Function("document.bgColor='lightgrey'")
hash
<<Changed.>>
Свойство hash - свойство объекта Area.
Синтаксис
Следующий синтаксис был добавлен для с войство hash :
Свойство height отражает атрибут HEIGHT тега <IMG>.
height - свойство только для чтения.
Примеры
Следующая функция показывает значения свойства изображения height , width, hspace, и vspace.
function showImageSize(theImage) {
alert('height=' + theImage.height+
'; width=' + theImage.width +
'; hspace=' + theImage.hspace +
'; vspace=' + theImage.vspace)
}
NAME = "imageName" определяет имя объекта image. Что бы обратиться к этому значению, используите свойство name.
SRC = " Location " определяет URL изображения, которое будет показано в документе. Что бы обратиться к этому значению, используите свойство src.
LOWSRC = " Location " определяет URL версии низкого разрешения изображения, которое будет показано в документе. вы можете обращаться к этому значению, используя свойство lowsrc.
HEIGHT = " Pixels " |"Value"% определяет высоту изображения или в пикселях или в процентах от высоты окна. вы можете обращаться к этому значению, используя свойство height.
WIDTH = " Pixels " | "Value"% определяет ширину изображения или в пикселях или в процент от ширины окна. вы обращаться к этому значению, используя свойство width.
HSPACE = " Pixels " определяют расстояние в пикселях между левыми и правыми гранями изображения и текста окружения. Этот атрибут применяется только к изображениям, которые используют "левый" или "правые" как значения атрибута ALIGN. вы можете обращаться к этому значению, используя свойство hspace.
VSPACE = " Pixels " определяют расстояние в пикселях между верхними и нижними гранями изображения и текста окружения. Этот атрибут применяется только к изображениям, которые используют "левый" или "правый" как значение атрибута ALIGN. вы можете обращаться к этому значению, используя свойство vspace.
BORDER = " Pixels " определяет ширину, в пикселях, границы изображения. вы можете обращаться к этому значению, используя свойство border.
ALIGN определяет выравнивание изображения относительно текста окружения. Если опущено, используется "bottom".
ISMAP определяет изображение как отображение изображения стороны сервера.
USEMAP="Location#MapName " Определяет изображение как отображение изображения стороны клиента. Этот атрибут должен определить URL файла, который содержит формирование рисунка отображения, сопровождаемое Символом #, и затем имя отображения. Например, USEMAP="http://www.HomeWorld.com/Maplist.html#areamap".
imageName является либо именем нового объекта либо свойством существующего объекта. При использовании свойства объекта image, imageName - значение атрибута NAME объекта image
width - ширина изображения, в пикселях.
heigt - высота изображения, в пикселях.
formName является либо значением атрибута NAME объекта form либо элементом в массиве form.
index, когда используется с массивом image - целое число или строка, представляющая объект image . index, когда используется с массивом elements, является целым числом, представляющим объект image на форме.
propertyName - один из свойств, описанных ниже.
handlerFunction - основное ключевое слово, имя функции, или переменной или свойство, которое содержит основное или имеющий силу функции.
Положение и размер изображения в документе установлены, когда документ отображен в Navigator и не может быть изменен. вы можете изменять изображение, показанное как свойства src и lowsrc. (Смотрите описания src и lowsrc.)
вы можете использовать JavaScript, чтобы создать анимацию с объектом image многократно устанавливая свойство src, как показано в Примере 4. JavaScript анимация медленнее чем GIF анимация, потому что с GIF анимацией полная анимация находится в одном файле; с JavaScript анимацией, каждый фрейм находится в отдельном файле.
Объекты image не имеют обработчиков событий onClick, onMouseOut, и onMouseOver. Но, если вы определяете объект Area для изображения или размещаете тег <IMG> внутри объекта Link, вы можете использовать обработчики событий объектов Area или Link . Смотрите объекты link и area .
Построение image()
Первичное использование для объекта image, созданного при помощи image() должен загружать изображение из сети прежде, чем это фактически необходимо для показа. Затем, когда вы должны показать изображение внутри существующей ячейки изображения, устанавливая свойство src показанного изображения к тому же самому значению, поскольку оно использовало для предвыбранного изображения, следующим образом.
myImage = new Image()
myImage.src = "seaotter.gif"
...
document.images[0].src = myImage.src
Возникающее в результате изображение будет получено из кэша, скорее чем загруженный сетью. вы можете использовать эту методику, чтобы создать гладкие анимации, или вы можете отображать одно из отдельных изображений, основанных на вводе формы.
Массив image
вы можете ссылаться на изображения в вашем код, используя массив image . Этот массив содержит все объекты image (тег <IMG>) в документе в исходном порядке (изображения, созданные при помощи image() не включены в массив image ). Например, если документ содержит три изображения, то эти изображения отражены как document.images[0], document.images[1], и document.images[2].
Пример 1. Обращение к изображению его имени. Если вы обращаетесь к изображению его имени, вы должны включить имя формы, если изображение находится в форме. Например, пусть следующее изображение определено так:
<IMG NAME="aircraft" SRC="f15e.gif" ALIGN="left" VSPACE="10">
Следующий код обращается к изображению, если он расположен на форме:
document.myForm.aircraft.src ='f15e.gif '
Следующий код обращается к изображению, если он расположен не на форме:
document.aircraft.src ='f15e.gif '
Пример 2. Создание изображения при помощи Image(). Следующий пример создает объект Image, myImage, который имеет размеры 70 пикселей в ширину и 50 пикселей в высоту. Если источник URL, seaotter.gif, не имеет размерностей 70x50 пикселы, то масштабируется к этому размеру.
myImage = new Image(70, 50)
myImage.src = "seaotter.gif"
Если вы опускаете параметры ширину и высоту в Image(), myImage создается размерами, равными этому изображения, именованного в источнике URL.
myImage = new Image()
myImage.src = "seaotter.gif"
Пример 3. Показывает изображение, основанное на вводе формы. В следующем примере, пользователь выбирает, какое изображение показывать. Пользователь заказывает рубашку, заполняя форму. Показанное изображение зависит от цвета рубашки и размера, который пользователь выбирает. Все возможные выборы изображения предварительно загружены, чтобы ускорить время ответа Когда пользователь нажимает кнопку, чтобы упорядочить(заказать) рубашку, функция allShirts отображает изображения всех рубашек.
<SCRIPT>
shirts = new Array()
shirts[0] = "R-S"
shirts[1] = "R-M"
shirts[2] = "R-L"
shirts[3] = "W-S"
shirts[4] = "W-M"
shirts[5] = "W-L"
shirts[6] = "B-S"
shirts[7] = "B-M"
shirts[8] = "B-L"
doneThis = 0
shirtImg = new Array()
// Preload shirt images
for(j = 0; j < 3; j++) {
for(k = 0; k < 3; k++) {
idx = j*3 + k
shirtImg[idx] = new Image()
shirtImg[idx].src = "shirt-" + shirts[idx] + ".gif"
}
}
function changeShirt(form)
{
shirtColor = form.color.options[form.color.selectedIndex].text
shirtSize = form.size.options[form.size.selectedIndex].text
newSrc = "shirt-" + shirtColor.charAt(0) + "-" + shirtSize.charAt(0) + ".gif"
document.shirt.src = newSrc
}
function allShirts()
{
document.shirt.src = shirtImg[doneThis].src
doneThis++ if(doneThis != 9)setTimeout("allShirts()", 500)
else doneThis = 0
return
}
</SCRIPT>
<FONT SIZE=+2><B>Netscape Рубашки Поло!</B></FONT>
<TABLE CELLSPACING=20 BORDER=0>
<TR>
<TD> <IMG name="shirt" SRC="shirt-W-L.gif"> </TD>
<TD>
<FORM> <B>Цвет</B>
<SELECT SIZE=3 NAME="color" onChange="changeShirt(this.form)">
<OPTION>
Красный
<OPTION SELECTED>
Белый
<OPTION>
Голубой
</SELECT>
<P>
<B>Размер</B>
<SELECT SIZE=3 NAME="size" onChange="changeShirt(this.form)">
<OPTION>
Маленький
<OPTION>
Средний
<OPTION SELECTED>
Большой
</SELECT>
<P>
<INPUT type="button" name="buy" value="Buy This Shirt!" onClick="allShirts()">
</FORM>
</TD>
</TR>
</TABLE>
Пример 4. JavaScript анимация. Следующий пример использует JavaScript, чтобы создать анимацию с объектом Image, многократно изменяя значение свойства src. Сценарий начинается, предварительно загрузив десять изображений, которые создают анимацию (! Image1.gif,! Image2.gif,! Image3.gif, и так далее). Когда объект Image размещается на документе с тегом <IMG>,! показывается Image1.gif, и обработчик событий onLoad начинает анимацию, вызывая функцию animate . Обратите внимание, что функция animate не вызывается после изменения свойства src объекта Image. Это - то, потому что, когда src изменения свойство, обработчик события onLoad изображения вызван, и функция animate вызывается.
<SCRIPT>
delay = 100
imageNum = 1
// Preload animation images
theImages = new Array()
for(i = 1; i < 11; i++) {
theImages[i] = new Image()
theImages[i].src = "!image" + i + ".gif"
}
function animate() {
document.animation.src = theImages[imageNum].src
imageNum++ if(imageNum > 10) {
imageNum = 1
}
}
function slower() {
delay+=10
if(delay > 4000) delay = 4000
}
function faster() {
delay-=10
if(delay < 0) delay = 0
}
</SCRIPT>
<BODY BGCOLOR="white">
<IMG NAME="animation" SRC="!image1.gif" ALT="[Анимация]" onLoad="setTimeout('animate()', delay)">
<FORM>
<INPUT TYPE="button" Value="Slower" onClick="slower()">
<INPUT TYPE="button" Value="Faster" onClick="faster()">
</FORM>
</BODY>
javaEnabled возвращает true, если Java допускается, иначе false. Пользователь имеет возможность или отключать Java, выбирая Network Preferences из меню Navigator's Options.
Примеры
Следующий код выполняет function1, если Java допускается; иначе выполняет function2.
if (navigator.javaEnabled()) {
function1()
}
else function2()
arrayName - имя объекта Array или свойство существующего объекта.
separator определяет строку, которая отделяет каждый элемент массива. separator преобразован в строку в случае необходимости. Если опущен, то элементы массива отделяются запятой (,).
Строковое преобразование всех элементов массива соединено в одну строку.
Примеры
Следующий пример создает массив, с тремя элементами, затем соединяет массив три раза: используя заданного по умолчанию разделителя, затем запятую и пробел, и затем плюс.
a = new Array("Wind","Rain","Fire")
document.write(a.join() +"<BR>")
document.write(a.join(", ") +"<BR>")
document.write(a.join(" + ") +"<BR>")
Свойство length - целое число, которое определяет один из следующих:
Число элементов в массиве.
Число изображений в документе.
Для массивов, вы можете устанавливать свойства length, чтобы урезать массив в любое время. вы не можете расширять массив; например, если вы устанавливаете длину 3, когда - в настоящее время 2, массив будет все еще содержать только 2 элемента. Для информации относительно других способов изменять длины массива, смотрите объект Array.
{ array }
Примеры
Следующий код укорачивает массив statesUS до длины 50, если текущая длина большая чем 50.
if (statesUs.length > 50) {
statesUs.length=50
alert("The U.s. has only 50 states. New length is " + statesUs.length)
}
Следующее обсуждение будет добавлено к документации для объекта Link; однако, это - не новые функциональные возможности.
вы можете использовать объект Link, чтобы выполнить функцию JavaScript быстрее чем связь с гиперссылкой, определяя javascript: URL протокол для HREF атрибута связи. вы можете делать это, если связь окружает объект Image, и вы хотите выполнять JavaScript код, когда изображение нажато. Или вы можете использовать связь вместо кнопки, чтобы выполнить JavaScript код.
Например, когда пользователь нажимает на следующие связи, slower и faster выполняются функции:
<A HREF="javascript-slower()">Slower</A>
<A HREF="javascript-faster()">Faster</A>
вы можете использовать объект Link, чтобы не делать ничто скорее чем связь с гиперссылкой, определяя javascript:void (0) URL протокол для HREF атрибута связи. вы можете делать это, если связь окружает объект Image, и вы хотите использовать обработчики события связи с изображением. Когда пользователь нажимает следующую связь или изображение, ничего не происходит:
<A HREF="javascript-void(0)">Click here to do nothing</A>
<A HREF="javascript-void(0)">
<IMG SRC="globe.gif" ALIGN="top" HEIGHT="50" WIDTH="50">
</A>
Следующее обсуждение будет добавлено к документации для объекта Location; однако, это - не новые функциональные возможности.
В обработчиках события, вы должны определить window.location вместо просто использования location. Из-за обзора статических объектов в JavaScript, обращение к location без определения объектного имяни эквивалентно document.location, который является синонимом для документа URL.
Не используйте location как свойство объекта Document; используйте вместо этого свойство document. URL. Свойство Document.location, которое является синонимом для document.URL, будет удален в будущем.
lowsrc
< <New.>>
Свойство. Строка, определяющая URL версии низкого разрешения изображения, которое нужно отобразить в документе.
Синтаксис
imageName.lowsrc
Параметры
imageName является либо именем объекта Image либо элемента в массиве Image.
Свойство Lowsrc первоначально отражает атрибут LOWSRC тега <IMG>. Navigator загружает меньшее изображение, определенное lowsrc и затем заменяет его на большее изображение, определенное свойством src. вы можете изменять свойства lowsrc в любое время.
Обработчик событий. Событие аварийного прекращения работы происходит, когда пользователь прерывает загрузку изображения (например, нажимая связь или нажимая Кнопку остановки). Обработчик события OnAbort выполняет JavaScript код, когда происходит событие аварийного прекращения работы.
В следующем примере, обработчик onAbort в объекте Image отображает сообщение, когда пользователь прерывает загрузку изображения:
<IMG NAME="aircraft" SRC="f15e.gif"
onAbort="alert('You didn\'t get to see the image!')">
Для окон, фреймов, и framesets, обработчик события onBlur определяет JavaScript код, который выполниться, когда окно теряет фокус.
Обработчик события OnBlur фрейма отменяет обработчик события onBlur в теге <BODY> документа, загруженного в фрейм.
Обратите внимание: На платформах Windows, помещая обработчик события onBlur в тег <FRAMESET> не имеет никакого действия.
Примеры
Пример 1. Изменение фона окна. В следующем примере, обработчики события onBlur окна и onFocus изменяют фоновый цвет окна в зависимости от того, имеет ли окно фокус.
<BODY BGCOLOR="lightgrey"
onBlur="document.bgColor='lightgrey'"
onFocus="document.bgColor='antiquewhite'">
Пример 2. Изменение фонового цвета фрейма. Следующий пример создает четыре фрейма. Источник для каждого фрейма, Oonblur2.html имеет тег <BODY> с обработчиками события onBlur и onFocus, показанными в Примере 1. Когда документ загружен, все фреймы - "lightgrey". Когда пользователь нажимает фрейм, обработчик события onFocus изменяет фоновый цвет фрейма на "antiquewhite". Фрейм, который теряет фокус, изменен на "lightgrey". Обратите внимание, что обработчики события onBlur и onFocus - внутри тега <BODY>, а не тега <FRAME>.
<FRAMESET ROWS="50%,50%" COLS="40%,60%">
<FRAME SRC=Onblur2.html NAME="frame1">
<FRAME SRC=Onblur2.html NAME="frame2">
<FRAME SRC=Onblur2.html NAME="frame3">
<FRAME SRC=Onblur2.html NAME="frame4">
</FRAMESET>
Следующий код имеет тот же самый эффект что и предыдущий код, но выполнен по-другому. Обработчики события onFocus и onBlur связаны с фреймом, а не с документом. Обработчики события onBlur и onFocus для фрейма определены, устанавливая свойства onblur и onfocus. Для информации относительно использования new определяющий строку JavaScript кода, который нужно компилировать как функция, смотрите объект Function.
{ function }
<SCRIPT>
function setUpHandlers() {
for (var i = 0; i < frames.length; i++) {
frames[i].onfocus = new Function("document.bgColor='antiquewhite'")
frames[i].onblur = new Function("document.bgColor='lightgrey'")
}
}
</SCRIPT>
<FRAMESET ROWS="50%,50%" COLS="40%,60%" onLoad=setUpHandlers()>
<FRAME SRC=Onblur2.html NAME="frame1">
<FRAME SRC=Onblur2.html NAME="frame2">
<FRAME SRC=Onblur2.html NAME="frame3">
<FRAME SRC=Onblur2.html NAME="frame4">
</FRAMESET>
Пример 3. Закрытие окн. В следующем примере, обработчик события onBlur окна закрывает окно, когда окно теряет фокус.
<BODY onBlur="window.close()">
Здесь - некоторый текст
</BODY>
onClick
< <Changed.>>
Для checkboxes, links, radio buttons, reset buttons, и submit buttons , обработчик события onClick может теперь возвращать false, чтобы отменить действие, обычно связываемое с событием щелчка. Возвращение false в обработчике события onClick для кнопки не имеет никакого действия.
Обратите внимание: На платформах Windows, возвращая false в обработчике события onClick для кнопки reset не имеет никакого действия.
Например, нажмите на следующую гиперссылку, и затем выберите Отмену. Когда вы выбираете Отмену, новая страница не загрузиться.
Код для этого примера выглядит следующим образом:
<A HREF = "index-1.htm"
onClick="return confirm('Load Netscape home page?')">Netscape</A>
Примеры
Следующий пример создает checkbox с обработчиком события onClick. Обработчик события отображает подтверждение, которое предупреждает пользователя, что проверка checkbox очищает все файлы. Если пользователь выбирает Отмену, обработчик события onClick возвращает false, и checkbox не отмечен.
<INPUT TYPE="checkbox" NAME="check1" VALUE="check1" onClick="return confirm('This purges all your files. Are you sure?')">
Удалить файлы
onError
<<New.>>
Обработчик События. Событие ошибки происходит, когда загрузка документа или изображения вызывает ошибку. Обработчик события onError выполняет JavaScript код, когда происходит событие ошибки.
Обработчик события onError может быть любым из следующих:
Пустой указатель, чтобы подавить все диалоги ошибки. Установка window.onerror к пустому указателю означает что ваши пользователи, не будет видеть JavaScript ошибки, вызванные вашим собственным кодом.
Имя функции, которая обрабатывает ошибки (параметры - текст сообщения, URL, номер строки ошибки). Чтобы скрыть стандартную диалоговую ошибку JavaScript, функция должна возвратить true. Смотрите нижеприведенный Пример 3.
Переменная или свойство, которое содержит пустой указатель или допустимая ссылка к функциям.
Если вы записываете функцию обработчика событий, то вы имеете три параметра для сообщения ошибок:
Ошибки Следа, который позволяет диалоговому стандарту JavaScript сообщать их (используйте функцию обработчика событий, который не возвращает true)
Ошибки Отчета самостоятельны и отключают стандартную диалоговую ошибку (используйте функцию обработчика событий, которая возвращает true)
Выключите все сообщающуюся ошибку (установите onError обработчик события к пустому указателю)
Событие ошибки происходит только, когда происходят синтаксис JavaScript или ошибка во время выполнения программы, но не, когда происходит ошибка Navigator. Например, если вы пытаетесь установить window.location.href ='Notthere.html ', причем Notthere.html не существует, в результате возникает сообщение об ошибках - есть Navigator сообщения об ошибках; следовательно, обработчик события onError не прервал бы это сообщение.
Смотрите релевантные объекты для синтаксиса onError.
Пример 1. Обработчик События с нулевой вероятностью. В следующем теге <IMG>, код onError = "null" скрывает сообщения об ошибках, если ошибки происходят, когда изображение загружается.
<IMG NAME="imageBad1" SRC="corrupt.gif" ALIGN="left" BORDER="2" onError="null">
Пример 2. Обработчик События с нулевой вероятностью для окна. Обработчик события OnError для окон не может быть выражен в HTML. Следующий код приписывает null обработчику onError для всего окна, а не только для объект Image. Это скроет все JavaScript сообщения об ошибках.
<SCRIPT>
window.onerror=null
</SCRIPT>
<IMG NAME="imageBad1" SRC="corrupt.gif" ALIGN="left" BORDER="2">
В следующем примере, окно onerror=null скрывает все сообщения об ошибки. Без onerror=null, иначе код вызвал бы ошибку (stack overflow error).
<SCRIPT>
window.onerror = null;
function testErrorFunction() {
testErrorFunction();
}
</SCRIPT>
<BODY onload="testErrorFunction()">
Сообщение теста
</BODY>
Пример 3. Функция Обработки ошибок. Следующий пример определяет функцию myOnError, которая прерывает JavaScript ошибки. Функция использует три массива, чтобы сохранить сообщение, URL, и номер строки для каждой ошибки. Когда пользователь нажимает кнопку Display Error Report, функция displayErrors открывает окно и создает отчет ошибки в этом окне.
<SCRIPT>
window.onerror = myOnError
msgArray = new Array()
urlArray = new Array()
lnoArray = new Array()
function myOnError(msg, url, lno) {
msgArray[msgArray.length] = msg
urlArray[urlArray.length] = url
lnoArray[lnoArray.length] = lno
return true
}
function displayErrors() {
win2=window.open('','window2','scrollbars=yes')
win2.document.writeln('<B>Error Report</B><P>')
for (var i=0; i < msgArray.length; i++) {
win2.document.writeln('<B>Error in file:</B> ' + urlArray[i] + '<BR>')
win2.document.writeln('<B>Line number:</B> ' + lnoArray[i] + '<BR>')
win2.document.writeln('<B>Message:</B> ' + msgArray[i] + '<P>')
}
win2.document.close()
}
</SCRIPT>
<BODY onload="noSuchFunction()">
<FORM> <BR>
<INPUT TYPE="button" VALUE="This button has a syntax error" onClick="alert('unterminated string)">
<P>
<INPUT TYPE="button" VALUE="Display Error Report" onClick="displayErrors()">
</FORM>
Пример 4. Обработчик События вызывающий функцию. В следующем теге <IMG>, обработчик события onError вызывает функцию badImage, если существуют ошибки, когда изображение загружается.
<SCRIPT>
function badImage(theImage) {
alert('Error: ' + theImage.name + ' did not load properly.')
}
</SCRIPT>
<FORM> <IMG NAME="imageBad2" SRC="orca.gif" ALIGN="left" BORDER="2" onError="badImage(this)">
</FORM>
Для window, frame, и framesets, обработчик события onFocus определяет код JavaScript, который выполниться, когда окно получает фокус.
Обработчик события OnFocus frame отменяет обработчик события onFocus в теге <BODY> документа, загруженного в frame.
Обратите внимание, что размещение alert в обработчике события onFocus приводит к рекуррентным сообщениям: когда вы нажимаете OK, чтобы игнорировать сообщение, основное окно получает снова фокус и происходит другое событие фокуса.
Смотрите релевантные объекты для синтаксиса onFocus.
Обратите внимание: На платформах Windows, помещая обработчик события onFocus в теге <FRAMESET> не имеет никакого эффекта.
Для image, обработчик события onLoad указывает на код, который выполниться, когда изображение отображается. Не путайте отображение изображения с загрузкой изображения. вы можете загружать несколько изображений, и затем отображать их один за другим в том же самом объекте Image, устанавливая свойство src объекта. Если вы изменяете изображение, отображаемое таким образом, обработчик события onLoad выполняется каждый раз, когда изображение отображается, а не только, когда изображение загружено в память.
Если вы определяете обработчик события onLoad для объекта Image, который отображает выполнение цикла GIF анимации (multi-image GIF), каждый цикл анимации вызывает событие onLoad, и обработчик события выполняется один раз для каждого цикла.
вы можете использовать обработчик события onLoad, чтобы создать JavaScript анимацию, надо несколько раз устанавивить свойство src объекта Image. Смотрите объект Image для более подробной информации. { image }
Примеры
Пример 1. Alert Дисплея, когда загружено изображение. Следующий пример создает два объекта Image, один при помощи image(), а один при помощи тега <IMG>. Каждый объект Image имеет обработчик события onLoad, который вызывает функцию displayAlert, выводящая сообщение. Для изображения, созданного в теге <IMG>, alert отображает имя изображения. Для изображения, созданного, как Image(), alert отображает сообщение без имени изображения. Потому что обработчик onLoad для объекта, созданного, как Image() должен иметь имя функции, а это не может определять параметры для функции displayAlert.
<SCRIPT>
imageA = new Image(50,50)
imagea.onload=displayAlert
imagea.src="cyanball.gif"
function displayAlert(theImage) {
if (theImage==null) {
alert('An image loaded')
}
else alert(theImage.name + ' has been loaded.')
}
</SCRIPT>
<IMG NAME="imageB" SRC="greenball.gif" ALIGN="top" onLoad=displayAlert(this)> <BR>
Пример 2. Выполнение цикла GIF анимации. Следующий пример отображает изображение birdie.gif, который выполняет цикла GIF анимации. Обработчик события OnLoad изображения увеличивает переменные cycles , которые содержат сколько раз анимация имела цикл. Чтобы видеть значение cycles , пользователь нажимает кнопку с именем Счет Цикла.
<SCRIPT>
var cycles=0
</SCRIPT>
<IMG ALIGN="top" SRC="birdie.gif" BORDER=0 onLoad="++cycles">
<INPUT TYPE="button" VALUE="Count Loops" onClick="alert('The animation has looped ' + cycles + ' times.')">
Пример 3. Изменение GIF анимации. Следующий пример использует обработчик события onLoad, который поворачивает шесть GIF анимаций. Каждая анимация отображается в последовательности в одном объекте Image. Когда документ загружен, отображается !Anim0.html. Когда загрузка анимации завершена, обработчик события onLoad вызывает следующий файл !Anim1.html, который загружается вместо первого файла. После загрузки последней анимации !Anim5.html, снова отображается первый файл. Обратите внимание, что функция changeAnimation не вызывается после изменения свойства src объекта Image. Потому что, когда изменяется свойство src, обработчик события onLoad вызывает изображение, и вызывается функция changeAnimation.
<SCRIPT>
var whichImage=0
var maxImages=5
function changeAnimation(theImage) {
++whichImage
if (whichImage <= maxImages) {
var imageName="!anim" + whichImage + ".gif"
theImage.src=imageName } else {
whichImage=-1
return
}
}
</SCRIPT>
<IMG NAME="changingAnimation" SRC="!anim0.gif" BORDER=0 ALIGN="top" onLoad="changeAnimation(this)">
Смотрите также примеры для объекта Image.
{Изображение}
Обработчик События. Событие MouseOut происходит, каждый раз, когда указатель мыши выходит из определенной области или когда внутри той области или связи. Обработчик события OnMouseOut выполняет JavaScript код, событие когда происходит mouseOut.
Если мышь перемещается из одной области в другую, то для первой области происходит событие onMouseOut, а для второй событие onMouseOver.
Объекты area, которые используют обработчик события onMouseOut, должны включить атрибут HREF внутри тега <AREA>.
Внутри обработчик события должен возвращать true, если вы хотите устанавливать свойства status или defaultStatus с обработчиком события onMouseOver.
Смотрите релевантные объекты для синтаксиса onMouseOut.
Событие mouseOver происходит каждый раз, когда указатель мыши появляется над объектом или областью, или снаружи того объекта или области. Обработчик события OnMouseOver выполняет JavaScript код, когда происходит событие mouseOver.
Если мышь перемещается из одной области в другой, то для первой области вы получите событие onMouseOut, а для второй onMouseOver.
Объекты area, которые используют обработчик события onMouseOver, должны включить атрибут HREF внутри тега <AREA>.
Внутри обработчика события вы должны возвращать true, если вы хотите устанавить свойства status или defaultStatus с обработчиком события onMouseOver.
Смотрите релевантные объекты для синтаксиса onMouseOver.
Обработчик События. Событие Reset происходит, когда пользователь нажимает кнопку Reset. Обработчик события OnReset выполняет JavaScript код, когда происходит событие Reset.
Смотрите релевантные объекты для синтаксиса onReset.
Следующий пример отображает объект Text со значением по умолчанию "ПРИБЛИЗИТЕЛЬНО" и кнопку Reset. Если пользователь печатает сокращение состояния в объекте Text и затем нажимает кнопку сброса, первоначальное значение "ПРИБЛИЗИТЕЛЬНО" восстановлено. OnReset обработчик события формы отображает сообщение, указывающее, что значения по умолчанию были восстановлены.
<FORM NAME="form1" onReset="alert('Defaults have been restored.')"> Состояние:
<INPUT TYPE="text" NAME="state" VALUE="CA" SIZE="2">
<P>
<INPUT TYPE="reset" VALUE="Clear Form" NAME="reset1">
</FORM>
Пример для обработчика события onSubmit будет изменен на следующий. Это - не новые функциональные возможности.
<FORM onSubmit="return validate(this)"> ...
</FORM>
opener
<<New. > >
Свойство. Определяет окно вызванного документа, когда окно открыто, используя метод open.
Пример 3: изменение значения opener. Следующий код изменяет значение свойства opener к пустому указателю. После того, как этот код выполниться, вы не можете закрывать окно opener как показано в Примере 1.
window.opener=null
Пример 4: изменение свойство opener. Следующий код изменяет фоновый цвет окна, определенного свойством opener .
Объект. Опция объекта Select создается при использование конструктора Option(). Для более подробной информации, смотрите объект Select.{ select}
parseFloat
<;<Changed. > >
ParseFloat теперь возвращает "NaN" на всех платформах, если первый символ строки, определенной в parseFloat(string) не может быть преобразован в номер.
Относительно информации о parseFloat, смотрите функцию parseFloat.
parseInt
<;<Changed. > >
ParseInt теперь возвращает "NaN" на всех платформах, если первый символ строки, определенной в parseInt(string) не может быть преобразован в номер.
Относительно информации о parseInt, смотрите функцию parseInt.
password
<;<Changed. > >
Следующие свойства были добавлены к объекту password:
вы можете ссылаться на plugins в вашем коде, используя, embeds массив. Этот массив содержит все объекта Plugin (тег <EMBED>) в документе в исходном порядке. Например, если документ содержит три plugins, эти plugins отражены следующим образом document.embeds[0], document.embeds[1], и document.embeds[2].
index - целое число, содержащее имя объекта Plugin.
Чтобы получить номер plugins в документе, используйте свойство lenght: document.embeds.length.
Элементы в массиве embeds , только для чтения. Например, утверждение document.embeds[0] = "myavi.avi" не имеет никакого эффекта.
Массив plugins
JavaScript имеет массив plugins, который позволяет Вам определять, установил ли пользователь plug-in. Не путайте массив plugins с объектом plugin, и массивом embeds .
Свойства
Отсутствуют.
Методы
Отсутствуют.
Обработчики События
Отсутствуют.
Примеры
Следующий HTML включает AVI plug-in в документе:
<EMBED SRC="train.au" HEIGHT=50 WIDTH=250>
Используйте свойство prototype , чтобы добавить свойства к объектам, созданным с оператором new.
Например, вы можете создавать объекты Date, используя конструкцию Date() и оператор new. Date.prototype относится к объекту prototype конструкции Date(). Если вы устанавливаете свойство для prototype, типа Date.prototype.description, то все объекты, созданные как Date() будут иметь свойство description , даже если объекты уже существуют.
var today = new Date()
var birthday = new Date(95,12,17)
Date.prototype.description=null
today.description="Oh what a beautiful mornin\'"
birthday.description="The day you were born"
После того, как вы установили свойство для prototype, все последующие объекты, созданные с Date() будут иметь свойство:
startDate=new Date()
startDate.description="Started the daily grind"
Примеры
Пример 1. Добавление свойство к определяемому пользователем объекту. Следующий пример использует функцию Car, чтобы определить тип объекта Car . Затем используется new , чтобы создать объекта myCar. Код Car prototype.wheels=4 добавляет свойство wheels ко всем объектам Car.
function Car(make, model, year) {
this.make = make
his.model = model
this.year = year
}
var myCar = new Car("Acura", "Integra", 1987)
Car.prototype.wheels = 4 // no 3-wheelers please!if (myCar.wheels == 4) document.write("The car myCar has ", myCar.wheels, " wheels.")
radio
<;<Changed.>>
Следующие свойства были добавлены к объекту Radio:
Math.random метод теперь работает на всех платформах. Генератор случайных чисел с текущего времени выбран, как в Java.
reload
<;<New.>>
Метод. Перезагружает текущий документ окна.
Синтаксис
location.reload ([true])
Параметры
true вынуждает безусловный HTTP GET документа из сервера. Не используйте это, если вы не имеете причину полагать, что диск и кэши памяти выключены или разбиты, или сервер имеет новую версию документа (возможно это сгенерировано на каждом запросе CGI).
Метод reload вынуждает перезагрузку документа, определенного URL в свойстве location.href.
Этот метод производит тот же самый эффект что и использования кнопки Navigator's Reload. Пользователь устанавливает значение по умолчанию этой стратегии, выбирая из меню Options, и определение Проверяет Документы на метке табуляции Кэша диалогового окна Preferences.
Метод reload не вынуждает транзакцию с сервером, если пользователь не установил предпочтение для Каждый раз, когда это делает " условное выражение, ПОЛУЧАЮТ " запрос, используя " если изменяется с тех пор " HTTP заголовок, просить, чтобы сервер возвратил документ только, если его в последний раз-изменяемое время более новое чем время, клиент хранит в его кэше. Другими словами, перезагрузка перезагрузит из кэша, если пользователь не определил, каждый раз и документ изменился на сервере, так как это было последнее загружено и сохранено в кэше.
В обработчиках события, вы должны определить window.location.reload () вместо просто использования location.reload (). Из-за обзора статических объектов в JavaScript, обращение к расположению без того, чтобы определять объектное имя эквивалентно document.location, который является синонимом для документа. URL.
Примеры
Следующий пример отображает изображение и три "радио" кнопки. Пользователь может нажимать "радио" кнопки, чтобы выбрать, которое изображение отображается. Нажатие другой кнопки позволяет пользователю перезагружать документ.
<SCRIPT>
function displayImage(theImage) {
document.images[0].src=theImage
}
</SCRIPT>
<FORM NAME="imageForm"> <B>Выберите изображение:</B> <BR>
<INPUT TYPE="radio" NAME="imageChoice" VALUE="image1" CHECKED onClick="displayImage('seaotter.gif')">
Морская выдра <BR>
<INPUT TYPE="radio" NAME="imageChoice" VALUE="image2" onClick="displayImage('orca.gif')">
Кит Подавителя <BR>
<INPUT TYPE="radio" NAME="imageChoice" VALUE="image3" onClick="displayImage('humpback.gif')">
Кит Горба <BR>
<IMG NAME="marineMammal" SRC="seaotter.gif" ALIGN="left" VSPACE="10">
<P>
<INPUT TYPE="button" VALUE="Click here to reload" onClick="window.location.reload()">
</FORM>
Метод замены загружает определенный URL над текущим входом хронологии, так после того, как метод замены используется, пользователь не может перемещаться к предыдущему URL, используя кнопку Navigator's Back.
В обработчиках события, вы должны определить window.location.replace () вместо просто использования location.replace (). Из-за обзора статических объектов в JavaScript, обращение к расположению без того, чтобы определять объектное имя эквивалентно document.location, который является синонимом для документа. URL.
Примеры
Следующий пример позволяет пользователю выбирать среди нескольких каталогов, чтобы отобразить. Пример отображает два набора "радио" кнопок, которые позволяют пользователю выбирать сезон и категорию, например Вес& / лето, одевающая каталог или Начало Падения / зимы и каталог Сада. Когда пользователь нажимает кнопку Go, функция displayCatalog выполняет метод замены, заменяя поток(текущего) URL с URL, соответствующим для каталога, пользователь выбрал. Обратите внимание, что после того, как метод замены используется, пользователь не может перемещаться к предыдущему URL (список каталогов) используя кнопку Navigator's Back.
<SCRIPT>
function displayCatalog() {
var seaName=""
var catName=""
for (var i=0; i < document.catalogForm.season.length; i++) {
if (document.catalogForm.season[i].checked) {
seaName=document.catalogForm.season[i].value
i=document.catalogForm.season.length
}
}
for (var i in document.catalogForm.category) {
if (document.catalogForm.category[i].checked) {
catName=document.catalogForm.category[i].value
i=document.catalogForm.category.length
}
}
fileName=seaName + catName + ".html"
location.replace(fileName)
}
</SCRIPT>
<FORM NAME="catalogForm"> <B>Который каталог вы хотите видеть?</B>
<P>
<B>Сезон</B> <BR>
<INPUT TYPE="radio" NAME="season" VALUE="q1" CHECKED>
Вес& / лето <BR>
<INPUT TYPE="radio" NAME="season" VALUE="q3">
Падение / зима
<P>
<B>Категория</B> <BR>
<INPUT TYPE="radio" NAME="category" VALUE="clo" CHECKED>
Одежда <BR>
<INPUT TYPE="radio" NAME="category" VALUE="lin">
Полотна <BR>
<INPUT TYPE="radio" NAME="category" VALUE="hom">
Начало и Сад
<P>
<INPUT TYPE="button" VALUE="Go" onClick="displayCatalog()">
</FORM>
Метод reset восстанавливает значения по умолчанию элемента формы. Кнопка reset не нужно определять для формы.
Примеры
Следующий пример отображает объект Text, в котором пользователь должен напечатать "CA" или "AZ". Обработчик события onChange объекта text вызывает функцию, которая выполняет метод reset формы если пользователь, неправильно ввел. Когда метод reset выполняется, значения по умолчанию восстанавливаются, и обработчик события onReset формы отображает сообщение.
<SCRIPT>
function verifyInput(textObject) {
if (textObject.value == 'CA' || textObject.value == 'AZ') {
alert('Nice input')
}
else { document.form1.reset() }
}
</SCRIPT>
<FORM NAME="form1" onReset="alert('Please enter CA or AZ.')"> Введите CA или AZ:
<INPUT TYPE="text" NAME="state" SIZE="2" onChange=verifyInput(this)>
<P>
</FORM>
етод reverse перемещает элементы вызванного объекта массива.
Примеры
Следующий пример создает массив myArray, содержащий три элемента, и затем перемещает массив.
myArray = new Array ("один", "два", "три")
myArray.reverse ()
JavaScript не отображает размерности документа в пикселах, поэтому при использовании метода scroll, вы должны высчитывать координаты y и x. Верхние левые координаты документа - 0,0.
Примеры
Пример 1. Пролистывание текущего окна. Следующий пример пролистывает текущее окно до координат 50,100.
window.scroll (50,100)
Пример 2. Пролистывает любое окно. Следующий код, который существует в одном фрейме, пролистыват второй фрейм. Два объекта text позволяют пользователю определять координаты y и x. Когда пользователь нажимает кнопку Go, документ в frame2 прокручивается к определенным координатам.
<SCRIPT>
function scrollIt(form) {
var x = parseInt(form.x.value)
var y = parseInt(form.y.value)
parent.frame2.scroll(x,y)
}
</SCRIPT>
<BODY>
<FORM NAME="myForm">
<P>
<B>Введите координаты, чтобы пролистать до:</B> <BR>
Горизонтальной:
<INPUT TYPE="text" NAME=x VALUE="0" SIZE=4>
<BR>
Вертикальной:
<INPUT TYPE="text" NAME=y VALUE="0" SIZE=4>
<BR>
<INPUT TYPE="button" VALUE="Go" onClick="scrollIt(document.myForm)">
</FORM>
search
<<Changed.>>
Свойство search - теперь Свойство объекта Area.
Синтаксис
Следующий синтаксис был добавлен для свойства search:
вы можете устанавливать Свойство search в любое время.
select
<<Changed.>>
вы можете теперь изменять текст Option в объекте Select, и вы можете создавать Option, использующие конструктор new Option().
Изменения текста Option
Чтобы изменить текст Option, используйте Свойство text массива Option. Например, пусть форма имеет следующий объект Select:
<SELECT name="userChoice">
<OPTION>
Выбор 1
<OPTION>
Выбор 2
<OPTION>
Выбор 3
</SELECT>
вы можете устанавливать текст iую единицу выбора, основанное на тексте, введенное в текстовом поле whatsNew следующим образом:
myform.userChoice.options[i].text = myform.whatsNew.value
Например, введите какой-нибудь текст в первое текстовое поле, а затем введите номер между 0 и 2 во второе текстовое поле. Когда вы нажимаете кнопку, текст будет изменен выбранного номера option.
Код для этого примера выглядит следующим образом:
<SCRIPT>
function doit(theform,i) {
theform.userChoice.options[i].text = theform.whatsNew.value
}
</SCRIPT>
<FORM>
<SELECT name="userChoice">
<OPTION>
Выбор 1
<OPTION>
Выбор 2
<OPTION>
Выбор 3
</SELECT>
<BR>
Введите текст, накоторый заменять:
<INPUT TYPE="text" NAME="whatsNew">
<BR>
Номер Опции, которую изменить:
<INPUT TYPE="text" NAME="idx">
<BR>
<INPUT TYPE="button" VALUE="Change Selection" onClick="doit(this.form, this.form.idx.value)">
</FORM>
optionName = new Option ([optionText, optionValue, defaultSelected, selected ])
Добавление new Option к существующему объекту Select:
selectName.options [index] =optionName
Параметры
optionName является или именем нового объекта или свойством существующего объекта.
optionText определяет текст, который будет отображен в списке select. вы можете обращаться к этому значению, используя Свойство text.
optionValue определяет значение, которое будет возвращено серверу, когда опция выбрана, и форма подчинена. вы можете обращаться к этому значению, используя Свойство value.
defaultSelected определяет, выбрана ли опция первоначально (истина или ложь). вы можете обращаться к этому значению, используя Свойство defaultSelected.
selected определяет текущее состояние опции select (истина или ложь). вы можете обращаться к этому значению, используя Свойство selected.
selectName - имя существующего объекта Select.
index - целое число, представляющее опцию в объекте Select. вы можете обращаться к этому значению, используя Свойство index.
Описание
Каждая опция созданная при использование конструктора Option()- объект и имеет те же самые свойства, что и элементы массива options.
После того, как вы создали опции и добавили их к объекту Select, вы должны обновить документ, используя history.go(0). Это утверждение должно быть последнее. Когда документ перезагружается, то переменные теряются, если не сохранены в cookies или значении элемента form.
Примеры
Следующий пример создает два объекта Select, один без атрибута MULTIPLE, а один с атрибута MULTIPLE. Никакие опции первоначально не определены для любого объекта. Когда пользователь нажимает кнопку, связанную с объектом Select, функция populate создает четыре опции для объекта Select и выбирает первую опцию.
<SCRIPT>
function populate(inForm) {
colorArray = new Array("Red", "Blue", "Yellow", "Green")
var option0 = new Option("Red", "color_red")
var option1 = new Option("Blue", "color_blue")
var option2 = new Option("Yellow", "color_yellow")
var option3 = new Option("Green", "color_green")
for (var i=0; i < 4; i++) {
eval("inForm.selectTest.options[i]=option" + i)
if (i==0) {
inForm.selectTest.options[i].selected=true
}
}
history.go(0)
}
</SCRIPT>
<H3> Select конструктора Option()</H3>
<FORM>
<SELECT NAME="selectTest">
</SELECT>
<P>
<INPUT TYPE="button" VALUE="Populate Select List" onClick="populate(this.form)">
<P>
</FORM>
<HR align=center width=250>
<H3> Опция конструктора multiple select()</H3>
<FORM>
<SELECT NAME="selectTest" multiple>
</SELECT>
<P>
<INPUT TYPE="button" VALUE="Populate Select List" onClick="populate(this.form)">
</FORM>
Удаление опций
Синтаксис
Удаление опций из объекта Select:
selectName.options [index] = null
Параметры
selectName - имя существующего объекта Select.
index - целое число, представляющее опцию в объекте Select.
Описание
Стирание сжимает массив options. Например, если вы удаляете options[0], существующие options[1] становятся options[0]. Поэтому лучше удалять сначала опции в конце массива.
Примеры
Следующая функция удаляет опцию из объекта Select.
function deleteAnItem(theList,itemNo) {
theList.options[itemNo]=null
history.go(0)}
Изменение состояния select
Следующее утверждения будут добавлено к документации для объекта Select; однако, это - не новые функциональные возможности.
вы можете использовать свойства selected и selectedIndex, чтобы изменить состояние опций select в объекте Select.
selectedIndex Свойство для объекта Select - целое число, определяющее индекс выбранной опции. Это наиболее полезно для объектов Select, которые созданы без атрибута MULTIPLE. Следующее утверждение устанавливает Свойство selectedIndex объекта Select:
document.myForm.musicTypes.selectedInde x = i
selected Свойство для option - значение Boolean, определяющее текущее состояние выбора опции в объекте Select. Если опция выбрана, то ее Свойство selected true; иначе false. Это более полезно для объектов Select, которые созданы с атрибутом MULTIPLE. Следующее утверждение устанавливает Свойство selected опции равное true:
document.myForm.musicTypes.options[i].selected = true
Свойства
Следующие свойства были добавлены к объекту Select:
arrayName - имя объекта Array или свойство существующего объекта.
compareFunction определяет функцию, которая определяет порядок сортировки. Если опущена, то массив сортируется лексикографически (в порядке словаря) согласно строковому преобразованию каждого элемента.
Если compareFunction не обеспечен, элементы сортируются, преобразуя(конвертируя) их к строкам и сравнивая строки в лексикографическом ("словарь" или " телефонная книга, " не числовой) упорядочивают(заказывают). Например, "80" приходит, прежде "9" в лексикографическом порядке, но если вы сравниваете числа 9 потребностей прийти прежде 80.
Если отсутствует compareFunction, то элементы массива сортируются согласно строковому значению строковой функции. Если a и b - два сравниваемые элемента, то:
Если compareFunction(a,b) - меньше чем нуль, то sort b имеет индекс меньше чем a.
Если compareFunction(a,b) возвращает нуль, то оставляет a и b без изменения относительно друг друга, но сортирует относительно всех остальных элементов.
Если compareFunction(a,b) больше чем нуль, то sort b имеет индекс выше чем a.
Поэтому сравнивающаяся функция имеет следующую форму:
function compare(a, b) {
if (a is less than b by some ordering criterion)
return -1
if (a is greater than b by the ordering criterion)
return 1
// a must be equal to b
return 0 }
Чтобы сравнивать числа вместо строк, сравнивающаяся функция может просто вычитать b из a:
function compareNumbers(a, b) {
return a - b
}
JavaScript использует устойчивый sort: индексный частичный порядок a и b не изменяется, если a и b равен. Если индекс a был меньше чем b, то перед сортировкой, это будет и после сортироваки, независимо от того, как a и b будут расположены после сортировки.
Примеры
Следующий пример создает четыре массива и отображает первоначальный массив, затем сортируемые массивы. Числовые массивы сортируются без, а затем со, сравнивающейся функция.
<SCRIPT>
stringArray = new Array("Blue","Humpback","Beluga")
numericStringArray = new Array("80","9","700")
numberArray = new Array(40,1,5,200)
mixedNumericArray = new Array("80","9","700",40,1,5,200)
function compareNumbers(a, b) {
return a - b
}
document.write("<B>stringArray:</B> " + stringArray.join() +"<BR>")
document.write("<B>Sorted:</B> " + stringArray.sort() +"<P>")
document.write("<B>numberArray:</B> " + numberArray.join() +"<BR>")
document.write("<B>Sorted without a compare function:</B> " + numberArray.sort() +"<BR>")
document.write("<B>Sorted with compareNumbers:</B> " + numberArray.sort(compareNumbers) +"<P>")
document.write("<B>numericStringArray:</B> " + numericStringArray.join() +"<BR>")
document.write("<B>Sorted without a compare function:</B> " + numericStringArray.sort() +"<BR>")
document.write("<B>Sorted with compareNumbers:</B> " + numericStringArray.sort(compareNumbers) +"<P>")
document.write("<B>mixedNumericArray:</B> " + mixedNumericArray.join() +"<BR>")
document.write("<B>Sorted without a compare function:</B> " + mixedNumericArray.sort() +"<BR>")
document.write("<B>Sorted with compareNumbers:</B> " + mixedNumericArray.sort(compareNumbers) +"<BR>")
</SCRIPT>
Метод. Разбивает объект String в массив строк, разделяя строку в подстроки.
Синтаксис
stringName.split ([separator])
Параметры
stringName - любая строка или Свойство существующего объекта.
separator определяет символ, который используется для разделения строки. separator обрабатывается как строка. Если separator опущен, то возвращенный массив содержит один элемент, состоящий из всей строки.
Следующий пример определяет функцию, которая разбивает строку в массив строки, используя определенный разделитель. После разбивания строки, функциональные сообщения дисплеев, указывающие строку оригинала (прежде, чем разбиение), используемый разделитель, число элементов в массиве, и индивидуальных элементах массива.
<SCRIPT>
function splitString (stringToSplit,separator) {
arrayOfStrings = stringToSplit.split(separator)
document.write ('<P>The original string is: "' + stringToSplit + '"')
document.write ('<BR>The separator is: "' + separator + '"')
document.write ("<BR>The array has " + arrayOfStrings.length + " elements: ")
for (var i=0; i < arrayOfStrings.length; i++) {
document.write (arrayOfStrings[i] + " / ") }}
var tempestString="Oh brave new world that has such people in it."
var monthString="Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec"
var space=" "
var comma=","
splitString(tempestString,space)
splitString(tempestString)
splitString(monthString,comma)
</SCRIPT>
Свойство src первоначально отражает атрибут SRC тега <IMG>. Установка свойства src начинается с загрузки нового URL в область изображения (и прерывает передачу любых данных изображения, который уже загружены в ту же самую область). Следовательно, если вы хотите изменить свойство lowsrc, то вы должны делать это перед установкой свойства src. Если URL в свойстве src ссылается на изображение, которое - не имеет тот же самый размер, что и размер изображения в которое загружается, то исходное изображение масштабируется.
Когда вы изменяете Свойство src отображаемого изображения, новое изображение, которое вы определяете, отображается в области, определенной для первоначального изображения. Например, предположим, что объект Image первоначально отображает файл beluga.gif:
<IMG NAME="myImage" SRC="beluga.gif" ALIGN="left">
Если вы устанавливаете myImage.src ='seaotter.gif ', изображение seaotter.gif отображается в том же самом место, которое первоначально использовало beluga.gif, даже если seaotter.gif - не имеет тот же самый размер, что и beluga.gif.
вы можете изменять Свойство src в любое время.
Примеры
Следующий пример отображает изображение и три переключателя. Пользователь может нажимать переключатели, чтобы выбрать, какое изображение отображать. Каждое изображение использует Свойство lowsrc, чтобы отобразить изображение низкого разрешения.
<SCRIPT>
function displayImage(lowRes,highRes) {
document.images[0].lowsrc=lowRes
document.images[0].src=highRes
}
</SCRIPT>
<FORM NAME="imageForm"> <B>Выберите изображение:</B> <BR>
<INPUT TYPE="radio" NAME="imageChoice" VALUE="image1" CHECKED onClick="displayImage('f15el.gif','f15e.gif')">
F-15 Орел <BR>
<INPUT TYPE="radio" NAME="imageChoice" VALUE="image2" onClick="displayImage('f15e2l.gif','f15e2.gif')">
F-15 Орел 2 <BR>
<INPUT TYPE="radio" NAME="imageChoice" VALUE="image3" onClick="displayImage('ah64l.gif','ah64.gif')">
АХ -64 Apache <BR>
<IMG NAME="aircraft" SRC="f15e.gif" LOWSRC="f15el.gif" ALIGN="left" VSPACE="10"> <BR>
</FORM>
Объекты String - теперь объекты "real". В предыдущих версиях, вы создвали строки, используя некоторые символы, а если вы хотели использовать строку как объект, то вы следовали за строковой ссылкой свойства или имени метода типа .length или .indexOf ("sub"). Теперь вы можете создавать объекты String, при использование конструктора String().
Синтаксис
Создание объекта String:
stringObjectName = new String(string)
Параметры
stringObjectName - имя нового объекта String.
string - любая строка.
Описание
Строки теперь могут быть расположены среди скриптов в различных окнах или фреймах. В Navigatorе 2.0, вы должны были добавлять пустую строку к строке другого окна, чтобы сослаться на нее следующим образом:
var myString = otherWindow.theirString + "" // 2.x: needed empty string
var myString = otherWindow.theirString // 3.x: no empty string required
Свойства
Следующие свойства были добавлены к объекту String:
Следующий код создает две строковые переменные и открывает второе окно:
var lastName = new String("Schaefer")
var firstName = new String ("Jesse")
empWindow=window.open('string2.html','window1','width=300,height=300')
Если HTML - источник второго окно (string2.html) создает две строковые переменные: empLastName и empFirstName, то следующий код в первом окне, присваивает значения переменным второго окна:
empWindow.empFirstName=firstName
empWindow.empLastName=lastName
Следующий код в первом окне показывает значения переменных второго окна:
alert('empFirstName in empWindow is ' + empWindow.empFirstName)
alert('empLastName in empWindow is ' + empWindow.empLastName)
submit
<<Changed.>>
Следующие свойства были добавлены к объекту Submit:
Свойство text массива option теперь может быть изменен и изменен текст, отображаемый option в объекте Select. В предыдущих версиях, вы могли установить свойство text, но новое значение не отражалось в объекте Select.
Свойство text - теперь свойство объекта Option.
Синтаксис
Следующий синтаксис был добавлен к свойству text:
optionName.text
Параметры
optionName - имя созданной опции объекта Select, при использование конструктора Option().
objectName - объект, который преобразовывается в строку.
radix определяет основание, которое используется для представления числовых значений.
Метод
toString - метод всех объектов.
Выполненный в
Navigator 2.0 ( radix , добавлено в 3.0)
Описание
Каждый объект имеет метод toString, который вызывается, когда нужно представить его, как текстовое значение. ToString также используется, когда объект вызван в строковой конкатенации. Вы можете также использовать toString внутри вашего собственного кода, чтобы преобразовать объект в строку.
Если объект не имеет никакого строкового значения, его метод toString возвращает " [object type] " где type - тип объекта. Например, если существует следующий объект Image с именем "sealife", то sealife.toString() возвращает [object Image].
<IMG NAME="sealife" SRC="seaotter-1.gif" ALIGN="left" VSPACE="10">
Когда используется с массивом, toString соединяет массив и возвращает одну строку, содержащую каждый элемент массива, отделяемый запятыми. Например, следующий код создает массив и преобразовывает массив к строке.
var monthNames = new Array("Jan","Feb","Mar","Apr")
document.write("monthNames.toString() is " + monthNames.toString())
Для объектов Function, toString декомпилирует функцию обратно в каноническую исходную строку.
Примеры
Следующий пример печатает строковые эквиваленты чисел от 0 до 9 в десятичном и двоичный исчеслении.
for (x = 0; x < 10; x++) {
document.write("Decimal: ", x.toString(10), " Binary: ", x.toString(2), "<BR>")
}
type
<<New.>>
Свойство. Для элементов формы, созданных тегами <INPUT>, <SELECT> или <TEXTAREA >, строка, определяющая тип элемента формы. Для объектов mimeType, имя типа MIME.
Синтаксис
1. objectName.type
2. mimeTypes [index].type
Параметры
objectName является или значением атрибута NAME объекта элемента формы (button, checkbox, hidden, password, radio, reset, select, submit, text, или textarea) или элемент в массиве элементов.
Свойство value - теперь свойство следующих объектов:
FileUpload
Option
Синтаксис
Следующий синтаксис был добавлен для свойства value :
fileUploadName.value
optionName.value
Параметры
fileUploadName является или значением атрибута NAME объекта FileUpload или элементом в массиве elements.
optionName - имя созданной опции объекта Select, при использование конструктора Option().
Описание
Опции объекта Select
Поскольку опции объекта Select создаются при помощи конструктора option(), то свойство значения - строка, которая первоначально отражает атрибут VALUE. Это значение не отображается на экране, но возвращает серверу, если опция выбрана. Значение этого свойства может изменяться, когда программа изменяет его.
Вы можете устанавливать свойство value в любое время.
Объекты FileUpload
Свойство value - строка, которая отражает текущее значение поля объекта FileUpload. Используйте свойство value, чтобы получить имя файла, который пользователь, печатает в объект FileUpload.
expression - выражение JavaScript, которое оценивается. Круглые скобки, окружающие выражение, произвольны, но если вы хотите, что бы ваш код выглядел красиво используйте их.
Описание
Используйте оператор void, чтобы определить выражение как гиперссылку. Выражение будет оценено, но не загружено в текущем документе.
Следующий код создает гиперссылку, которая ничего не делает, когда пользователь нажимает на нее. Когда пользователь нажимает на ссылку, void(0) оценивается к 0, и поэтому не имеет никакого эффекта в JavaScript.
<A HREF="javascript:void(0)">Нажмите здесь</A>
Как это выглядит на экране
Следующий код создает гиперссылку, которая представляет на рассмотрение форму, когда пользователь нажимает на нее.
<A HREF="javaScript:void(document.form.submit())">Нажмите здесь</A>
Свойство width отражает атрибут WIDTH тега <IMG>. Для изображений, созданных при помощи конструктора Image(), значение свойства width фактическая, не отображенная, ширина изображения.
Обратите внимание: На платформах Windows, размещение обработчиков событий onBlur или onFocus в тег <FRAMESET> не имеет никакого эффекта.
Синтаксис
Следующий синтаксис был добавлен к объекту Window для определения обработчика события onError объекта Window:
window.onerror=errorHandler
Параметры
errorHandler - слово null, имя функции обработчика событий, или переменной или свойства, которое содержит null или допустимую ссылку по функциям.
Для информации относительно определения обработчика события onError, смотрите обработчик события onError.
Дополнительное описание
Когда вы ссылаетесь на объект Location внутри обработчика события, вы должны определить window.location вместо просто использования location. При рассмотрении статических объектов в JavaScript, обращение к location без определения имени объекта эквивалентно document.location, который является синонимом для документа URL.
Вызов обработчиков события
Вы можете сбрасывать обработчик события, определенный HTML внутри JavaScript, например:
<SCRIPT LANGUAGE="JavaScript">
function fun1() { ... }
function fun2() { ... }
</SCRIPT>
<FORM NAME="myForm">
<INPUT TYPE="button" NAME="myButton" onClick="fun1()">
</FORM>
<SCRIPT>
document.myForm.myButton.onclick = fun2
</SCRIPT>
Обратите внимание, что обработчики события - ссылаются на функции, поэтому вы должны присвоить fun2, а не fun2() (последние вызывает fun2 и имеете любой тип и возвращает значения).
Также, так как обработчик события HTML атрибуты - литеральные функциональные тела, вы не можете использовать <INPUT onClick=fun1> в HTML источнике, чтобы выполнить fun1 обработчиком onClick для ввода; вы должны вызвать fun1 вместо, как показано в примере.
В заключение, так как HTML не чувствителен к регистру, в то время как JavaScript чувствителен к регистру, поэтому вы должны записывать имена обработчиков событий в JavaScript в нижнем регистре.
Индексация свойств объекта
Когда Вы определяете свойства объекта с именами свойств, то вы не можете обратиться к этим свойствам их порядковым индексом, как вы могли в Navigator 2.0. Это применяется, когда вы создаете объект и его свойства при использование конструктора функций, как в вышеупомянутом примере Car типа объекта, и когда вы определяете индивидуальные свойства явно (например, myCar.color = "red").
Если Вы определяете объектные свойства первоначально с индексом, например,
myCar[5] = "25 mpg"
то затем впоследствии вы можете обратиться к свойству как myCar[5].
Правило: если вы первоначально определяете свойство его именем, то вы всегда должны обращаться к нему по его имени. Если вы первоначально определяете свойство индексом, то вы всегда должны обращаться к нему по его индексу.
Исключение из этого правила - объекты, отраженные в HTML: например, фреймы, формы, элементы, и массивы якорей. Вы можете всегда обращаться к этим объектам по их порядковому числу (основанный на том, в каком порядке они расположены в документе) и по их имени (если оно определено). Например, вы можете обратиться ко второй форме в документе как document.forms[1] или как document.myform, если второй тег <FORM> имеет атрибут NAME = "myform".
Объекты JavaScript
JavaScript объекты позволяют вам использовать выражение JavaScript как значение для HTML атрибута. Это позволяет вам создавать более гибкие конструкции HTML.
Вы может быть уже знакомы с объектами символа HTML, которыми вы можете определять символы со специальными числовыми кодами или именами, предшествуя имени с символом амперсанта и завершая его с точкой запятой. Например, вы можете включить символ "больше чем" (>) с символьным объектом > И символом " меньше чем " (<) с <.
JavaScript объекты также начинаются с символа амперсанта и в конце с точкой запятой. Вместо имени или номера, вы используете выражение JavaScript, заключенное в фигурные скобки {}. Вы можете использовать JavaScript объекты только, там где HTML атрибут со значением шел бы обычно. Например, предположим, что вы определяете переменную barWidth. Вы можете создать горизонтальную линию с определенной шириной в процентах следующим образом:
<HR WIDTH="&{barWidth};%">
Так, например, если бы переменная barWidth была бы ровна 50, то на экране это выглядело бы следующим образом:
И как всегда, если вы изменили вашу страницу, то дисплей страницы может измениться только, тогда когда вы перезагрузите вашу страницу.
Атрибут SRC тега SCRIPT
Тег <SCRIPT> HTML имеет новый атрибут SRC, который позволяет вам определять файл как JavaScript источник. Например:
<HEAD><TITLE>My Page</TITLE>
<SCRIPT SRC="common.js">
...
</SCRIPT>
</HEAD>
<BODY>
...
Любые утверждения JavaScript в теге SCRIPT с атрибутом SRC игнорируются. Обратите внимание, однако, что требуется заключительный тег </SCRIPT>.
Атрибут SRC со значением может быть любой URL, относительный или абсолютный. Например:
<SCRIPT SRC="jsfuncs.js">
Внешние JavaScript файлы особенно полезно использовать совместно с функциями во многих различных страниц. JavaScript - файлы не содержащие любые теги HTML: они должны содержать только утверждения JavaScript и функциональные определения.
JavaScript - файлы должны иметь имя файла с расширением .js, и сервер должен отображать .js в MIME, напечатает "application/x-javascript", который сервер посылает обратно в HTTP заголовк. Если сервер не отображает .js имени файла в application/x-javascript типа MIME, Navigator не будет загружать JavaScript файл, определенный атрибутом SRC правильно.
Обратите внимание: Это требование не применяется, если вы используете локальные файлы.
Тег NOSCRIPT
Тег <NOSCRIPT> подобен тегу NOFRAMES для фреймов. HTML включенный внутри тега отображается как non-JavaScript браузера; код, включенный внутри тега hiden, игнорируется Navigator. Используйте этот тег, чтобы определить альтернативное содержание для браузера, который не поддерживают JavaScript, или в случае, если пользователь отключил JavaScript в Options | Network Preferences.
Например:
<NOSCRIPT>
<B>This page uses JavaScript, so you need to get Netscape Navigator 2.0 or later!
<BR><A HREF="index.html">
<IMG SRC="NSNow.gif"></A>
If you are using Navigator 2.0 or later, and you see this message, you need to enable JavaScript by choosing Options | Network Preferences.
</NOSCRIPT>
...
Данные tainting
Navigator (версия 2.02 и позже) автоматически прекращает скрипты на одном сервере из доступных свойств документов на различных серверах. Это ограничение прекращает скрипты от выборки частной информации типа структур каталога или хронологии сеанса пользователя. Однако, это ограничение также воздействует на некоторые законные приложения, типа сценарии "navigation helper", которые используют фреймы и должны видеть содержание других фреймов, независимо от их происхождения.
JavaScript теперь имеет возможность, называемую данными tainting, которая сохраняет ограничение защиты, но обеспечивает механизм работы для законных приложений. Когда данные tainting активны, то JavaScript в одном окне будет способен видеть свойства другого окна, независимо с какого сервера документ другого окна был загружен. Однако, если JavaScript в первом окне пытается посылать данные, полученные от свойства другого окна, то отображается диалоговое окно подтверждения, так что пользователь может отменить или подтвердить операцию. По умолчанию, все свойства в втором окне заражаются так, что они не могут быть посланы серверу другого документа в исходном окне.
Возможность данных tainting:
На Unix, используйте команду setenv.
На Windows, используйте множества.
На Macintosh, установите переменную среды NS_ENABLE_TAINT. Редактируйте ресурс с типом 'Envi' и номером 128 в приложении Netscape, удаляя два ascii наклонные черты вправо "//" перед NS_ENABLE_TAINT текстом в конце ресурса.
Вы можете управлять tainting свойств двумя функциями: taint добавляет tainting к свойству, и untaint удаляет tainting из свойства. Эти функции каждая принимает свойство, как параметр.
Например, чтобы удалить taint из формы ввода элемента так, чтобы сценарий мог посылать это другому серверу, используйте:
untainted = untaint(document.form1.input3)
// now untainted can be sent in a URL or form post by other scripts
Ни taint и ни untaint не изменяют ее параметр; скорее, обе функции возвращают отмеченную или немаркированную ссылку к объекту параметра, или копии примитивного значения типа (номер или булево значение). Вы используете untaint, чтобы очистить "код taint" который отмечает данные как принадлежность к серверу, и следовательно не может быть послан другими сценариями различным серверам. Вы используете taint, чтобы отметить данные, который иначе не taint вашим сценарием "код инфекции". Сценарий может untaint только данные, которые имеет его свойство "код taint ", или имеет тождество (null) кода taint. Данные с любым другим сценарием "кода taint" скопированы и возвращены untaint без изменения или ошибки.
wwwwwwwwwwwwwwwwwwwwwЧтобы обрабатывать случаи, где поток управления скорее чем поток данных несет tainting taint, каждое окно, связывают сумматор инфекции с этим. Сумматор taint задерживает инфекцию, проверенную в части условия того, если, поскольку, и в то время как утверждения, и смеси различные коды инфекции, чтобы создать, новые коды который идентифицируют комбинацию происхождения данных (serverA, serverB, serverC, и т.д.).
Сумматор инфекции сброшен к тождеству только, если это содержит точно код происхождения текущего(актуального) документа. Иначе это накапливается, пока документ не разгружен. Все окна, загружающие документы из того же самого происхождения совместно используют одиночный сумматор инфекции.
Если сценарий вызывает инфекцию без параметра, это смешает его собственный код инфекции в его сумматор. Если это вызывает неинфекцию без параметра, и только, если его хранения сумматора точно его код инфекции (не смесь), то сумматор сброшен, чтобы задержать(провести) код тождества.
Если сумматор окна задерживает(проводит) инфекцию, заданные сценарием действия, инициализированные из контекста того окна (представление формы; установка расположения, даже расположения другого окна) проверена. Только, если накопленная инфекция сценария, код инфекции целенаправленного сервера, и кода инфекции данных, посылаемых совместима, будет операция продолжаться(переходить). Совместимый здесь означает двоичное отношение: или это, два кода инфекции являются равными, или что по крайней мере каждый является кодом инфекции тождества. Код тождества - подобно нулю для добавления, следовательно его имя.
Если сценарий, сервер, и инфекции данных несовместимы, диалог подтверждения зарегистрирован к подробности(подробному) находящееся в противоречии происхождение URL префиксы, и позволять пользователю отменять или ХОРОШО загрузку URL или пост формы.
Накопленная taint распространяется поперек setTimeout и в оценку первого параметра к setTimeout. Это распространяется через document.write в сгенерированные отметки, так, чтобы злонамеренный сценарий не мог сообщать о частной информации типа хронологии сеанса, генерируя отметку HTML с неявно-загруженным параметром URL SRC:
Document.write (" < img src=fake-img - +
Кодируйте (хронологию) + ">")
Знаете ли Вы, что в 1965 году два американца Пензиас (эмигрант из Германии) и Вильсон заявили, что они открыли излучение космоса. Через несколько лет им дали Нобелевскую премию, как-будто никто не знал работ Э. Регенера, измерившего температуру космического пространства с помощью запуска болометра в стратосферу в 1933 г.? Подробнее читайте в FAQ по эфирной физике.
Последнее обновление: понедельник 23 декабря 2024 г.
