Свойство search определяет часть URL.
Возвращает строку, содержащую любую информацию запроса, добавленную в конец URL. Данные запроса предваряются знаком вопроса и являются последним элементом в URL документа.
?elementName=element+value
Вы можете управлять свойство search в любое время.
Примеры
В следующем примере, утверждение window.open создает окно с именем newWindow и загружает указанный URL в это окно. Утверждение document.write показывает все свойства newWindow.location в окне с именем msgWindow.
newWindow=window.open
("http://guide-p.infoseek.com/WW/NS/Titles?qt=RFC+1738+&col=WW")
msgWindow.document.write("newWindow.location.href =" +
newWindow.location.href +"<P>")
msgWindow.document.write("newWindow.location.protocol =" +
newWindow.location.protocol +"<P>")
msgWindow.document.write("newWindow.location.host =" +
newWindow.location.host +"<P>")
msgWindow.document.write("newWindow.location.hostName =" +
newWindow.location.hostName +"<P>")
msgWindow.document.write("newWindow.location.port =" +
newWindow.location.port +"<P>")
msgWindow.document.write("newWindow.location.pathname =" +
newWindow.location.pathname +"<P>")
msgWindow.document.write("newWindow.location.search =" +
newWindow.location.search +"<P>")
msgWindow.document.write("newWindow.location.hash =" +
newWindow.location.hash +"<P>")
msgWindow.document.close()
passwordName является либо значением атрибута NAME объекта password либо элемента в массиве elements. textName является либо значением атрибута NAME объекта text либо элемента в массиве elements . textareaName является либо значением атрибута NAME объекта textarea либо элемента в массиве elements .
Используйте метод select для выделения области указанного элемента формы. Вы можете использовать метод select с методом focus чтобы выделить поле и установить курсор для ввода.
Примеры
В следующем примере, функция checkPassword подтверждает, что пользователь ввел правильно пароль. Если пароль введен не правильно, то метод select высвечивает область пароля и метод focus возвращает фокус , так что пользователь может повторно ввести пароль.
function checkPassword(userPass) {
if (badPassword) {
alert("Please enter your password again.")
userPass.focus()
userPass.select()
}
}
Этот пример выполняется, когда password определен как:
<INPUT TYPE = NAME"пароля" ="userPass" >
Следующий пример, при использование обработчика событий onFocus, выделяет элемент и находящийся в нем текст:
<script>
<!-- hide
function setFocus(){
document.first.text1.select();
}
//--> end of hide
...
<INPUT TYPE="text" value="INPUT TEXT" NAME="text1" onFocus="setFocus()">
Список выбора или прокрутка списка на форме HTML. Список выбора допускает пользователя, выбирают один пункт(изделие) из списка. Список прокрутки допускает пользователя, выбирают один или большее количество пунктов(изделий) из списка.
Синтаксис
Чтобы определить объект select, используйте стандарт HTML синтаксис с использованием обработчиков событий onBlur, onChange, и onFocus:
<SELECT
NAME="selectName"
[SIZE="integer"]
[MULTIPLE]
[onBlur="handlerText"]
[onChange="handlerText"]
[onFocus="handlerText"]>
<OPTION VALUE="optionValue" [SELECTED]>
textToDisplay
[ ... <OPTION> textToDisplay]
</SELECT>
NAME ="selectName" определяет имя выбранного объекта. Вы можете обращаться к этому значению, используя свойство имени. SIZE ="intege" определяет число видимых select, когда форма показана. MULTIPLE определяет, что объект select - список прокрутки (не список выбора). SELECT определяет элемент выбора в списке. Вы можете обращаться к выборам, использующим массив select. VALUE="optionValue" определяет значение, которое возвращено серверу, когда сделан выбор. Вы можете обращаться к этому значению, используя свойство value. SELECTED определяет, что выбор сделан по умолчанию. Вы можете обращаться к этой значению, используя свойство defaultSelected. TextToDisplay определяет текст, который появится в списке. Вы можете обращаться к этому значению, используя свойство text.
SelectName - значение атрибута NAME объекта. FormName является либо значением атрибута NAME объекта формы либо элемента в массиве form. Индекс - целое число, представляющее объект select на форме. PropertyName - один из свойства, описанных ниже. MethodName - один из методов, описанных ниже.
SelectName - значение атрибута NAME объекта select. Index1 - целое число, представляющее число выборов в объекте select. FormName является либо значением атрибута NAME объекта формы либо элемента в массиве form. Index2 - целое число, представляющее объект select на форме. PropertyName - один из свойства, описанных ниже.
Объект select на форме выглядит следующим образом. Объект слева - список выбора, который позволяет пользователю, выбрать один из пункт; объект справа - список прокрутки, который позволяет пользователю, выбирать один или больше пунктов:
Объект select - элемент формы и должен быть определен внутри тега <FORM>.
Массив select
Вы можете ссылаться на выборы объекта select в вашем коде, используя массив select. Этот массив содержит все выбора в объекте select (тега <OPTION >) в исходном построкаке. Например, если объект select с именем musicStyle, содержит три списка, то эти списки отражены следующим образом musicStyle.options [0], musicStyle.options [1], и musicStyle.options [2].
selectName является либо значением атрибута NAME объекта select либо элемента в массиве elemets. index - целое число, представляющее список в объекте select.
Чтобы получить число списков в объекте select, используйте свойство length либо таблицы select либо отобранного объекта:
1. SelectName.length
2. SelectName.options.length
Объект select имеет свойства, к которым вы можете обращаться только через массив select . Эти свойства описаны ниже.
Даже при том, что каждый элемент в массиве select представляет список select, значение списка [index - всегда пустой указатель. Значение, возвращенное selectName.options представляет полное HTML утверждение в объекте selectName.
Элементы в массиве select только для чтения. Например, утверждение selectName.options [0] ="гитара" не имеет никакого результата.
Пример 1. Следующий пример показывает список выбора и список прокрутки.
Choose the music type for your free CD:
<SELECT NAME="music_type_single">
<OPTION SELECTED>
R&B
<OPTION>
Jazz
<OPTION>
Blues
<OPTION>
New Age
</SELECT>
<P>Choose the music types for your free CDs:
<BR><SELECT NAME="music_type_multi" MULTIPLE>
<OPTION SELECTED>
R&B
<OPTION>
Jazz
<OPTION>
Blues
<OPTION>
New Age
</SELECT>
Пример 2. Следующий пример показывает два списка выбора, которые позволяют пользователю, выбрать месяц и день. Эти списки выбора инициализированы к текущей дате. Пользователь может изменять месяц и день, используя списки выбора или, выбирая предварительно установленные даты в переключателях. Текстовые области в форме показывают значения свойства объекта select и указывают выбранную дат.
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
<TITLE> Отобранный пример объекта</TITLE>
</HEAD>
<BODY>
<SCRIPT>
var today = new Date()
//---------------
function updatePropertyDisplay(monthObj,dayObj) {
// Get date strings
var monthInteger, dayInteger, monthString, dayString
monthInteger=monthObj.selectedIndex
dayInteger=dayObj.selectedIndex
monthString=monthObj.options[monthInteger].text
dayString=dayObj.options[dayInteger].text
// Display property values
document.selectForm.textFullDate.value=monthString +"" + dayString
document.selectForm.textMonthLength.value=monthObj.length
document.selectForm.textDayLength.value=dayObj.length
document.selectForm.textMonthName.value=monthObj.name
document.selectForm.textDayName.value=dayObj.name
document.selectForm.textMonthIndex.value=monthObj.selectedIndex
document.selectForm.textDayIndex.value=dayObj.selectedIndex
// Is it Cinco de Mayo?
if (monthObj.options[4].selected && dayObj.options[4].selected)
document.selectForm.textCinco.value="Yes!"
else
document.selectForm.textCinco.value="No"
}
</SCRIPT>
<!--------------->
<FORM NAME="selectForm">
<P>
<B>Выберите месяц и день:</B> Месяц:
<SELECT NAME="monthSelection" onChange="updatePropertyDisplay(this,document.selectForm.daySelection)">
<OPTION> Январь <OPTION> Февраль
<OPTION> Март <OPTION> Апрель
<OPTION> Май <OPTION> Июнь
<OPTION> Июль <OPTION> Август
<OPTION> Сентябрь <OPTION> Октябрь
<OPTION> Ноябрь <OPTION> Декабрь
</SELECT>
День:
<SELECT NAME="daySelection" onChange="updatePropertyDisplay(document.selectForm.monthSelection,this)">
<OPTION> 1 <OPTION> 2 <OPTION> 3
<OPTION> 4 <OPTION> 5 <OPTION> 6
<OPTION> 7 <OPTION> 8 <OPTION> 9
<OPTION> 10 <OPTION> 11 <OPTION> 12
<OPTION> 13 <OPTION> 14 <OPTION> 15
<OPTION> 16 <OPTION> 17 <OPTION> 18
<OPTION> 19 <OPTION> 20 <OPTION> 21
<OPTION> 22 <OPTION> 23 <OPTION> 24
<OPTION> 25 <OPTION> 26 <OPTION> 27
<OPTION> 28 <OPTION> 29 <OPTION> 30
<OPTION> 31
</SELECT>
<P>
<B>Установите дату:</B>
<INPUT TYPE="radio" NAME="dateChoice" onClick=" monthSelection.selectedIndex=0; daySelection.selectedIndex=0; updatePropertyDisplay(document.selectForm.monthSelection,document.selectForm.daySelection)">
New Year's Day
<INPUT TYPE="radio" NAME="dateChoice" onClick=" monthSelection.selectedIndex=4; daySelection.selectedIndex=4; updatePropertyDisplay(document.selectForm.monthSelection,document.selectForm.daySelection)">
Cinco Mayo
<INPUT TYPE="radio" NAME="dateChoice" onClick=" monthSelection.selectedIndex=5; daySelection.selectedIndex=20; updatePropertyDisplay(document.selectForm.monthSelection,document.selectForm.daySelection)">
Летнее солнцестояние
<P>
<B> Property values:</ B> <BR>
Выбранная Дата:
<INPUT TYPE="text" NAME="textFullDate" VALUE="" SIZE=20"> <BR>monthSelection.length<INPUT TYPE="text" NAME="textMonthLength" VALUE="" SIZE=20">
<BR>
DaySelection.length
<INPUT TYPE="text" NAME="textDayLength" VALUE="" SIZE=20"> <BR>monthSelection.name<INPUT TYPE="text" NAME="textMonthName" VALUE="" SIZE=20">
<BR>
DaySelection.name
<INPUT TYPE="text" NAME="textDayName" VALUE="" SIZE=20"> <BR>monthSelection.selectedIndex<INPUT TYPE="text" NAME="textMonthIndex" VALUE="" SIZE=20">
<BR>
DaySelection.selectedIndex
<INPUT TYPE="text" NAME="textDayIndex" VALUE="" SIZE=20"> <BR>Is it Cinco de Mayo? <INPUT TYPE="text" NAME="textCinco" VALUE="" SIZE=20">
<SCRIPT>
document.selectForm.monthSelection.selectedIndex=today.getMonth()
document.selectForm.daySelection.selectedIndex=today.getDate()-1
updatePropertyDisplay(document.selectForm.monthSelection,document.selectForm.daySelection)
</SCRIPT>
</FORM>
</BODY>
Логическое значение, определяющее текущее параметра в объекте select.
Синтаксис
selectName.options [index] .selected
selectName является либо значением атрибута NAME объекта select либо элемента в массиве elemets. index - целое число, представляющее список в объекте select.
Если список в объекте select выбран, значение свойства истинна, иначе ложно.
Вы можете устанавливать свойство selected в любое время. Показ объекта select модернизирует немедленно, когда Вы установили свойство selected.
Вообще, свойство selected более полезна чем свойство selectedIndex для выбора, объекта, который создан с помощью атрибута MULTIPLE.
Элементы в объекте select индексированы по построкаку, в котором они определены, начинающиеся с индекса 0. Вы можете исправлять свойство selectedIndex в любое время.
Свойство selectedlndex удобно использовать с элементами select, созданными без использования атрибута MULTIPLE в теге <SELECT>. Если selectedlndex определяется при установленном атрибуте MULTIPLE, свойство возвращает индекс только первого выделенного элемента. Установка этого свойства сбрасывает выделение любых других элементов.
Примеры
В следующем примере, функция getSelectedIndex () возвращает выбранный индекс в объекте select musicType:
function getSelectedIndex() {
return document.musicForm.musicType.selectedIndex
}
Предыдущий пример будет выполнен, если объект select определен следующим образом:
<SELECT NAME="musicType">
<OPTION SELECTED> R&B
<OPTION> Jazz
<OPTION> Blues
<OPTION> New Age
</SELECT>
Свойство self - ссылается на текущее окно или фрейму.
Синтаксис
1. self.propertyName
2. self.methodName
propertyName - свойства defaultStatus, status, length, или name, когда self обращается к объекту окна. propertyName - свойстваlength, или name, когда self обращается к объекту фрейма. mthodName - любой метод, связанный с объектом окна.
Свойство self обращается к текущему окну или фрейму.
Свойство self полезно для устранения неоднозначности свойств form и window с одним и тем же именем.
Сам свойство только для чтения. Значение свойство self
<object NameAttribute>
Где nameAttribute - атрибут NAME, если self обращается к фрейму, или внутренняя ссылка, если self обращается к окну.
Примеры
В следующем примере, использование self.status, изменяет свойство status текущего окна. Это исполнение свойства disambiguates состояния текущего окна из формы или элемента формы назвало"состояние" внутри текущего окна.
<A href="#" onClick="this.href=pickRandomURL()"
onMouseOver="self.status='Pick a random URL' ;
return true">Go!</A>
DateObjectName является либо именем объекта Date либо свойством существующего объекта. dayValue - целое число от 1 до 31 или свойство существующего объекта, представляущие день месяца.
DateObjectName является либо именем объекта Date либо свойством существующего объекта. hoursValue - целое число между 0 и 23 или свойство существующего объекта, представляющие час.
DateObjectName является либо именем объекта Date либо свойством существующего объекта. minutesValue - целое число между 0 и 59 или свойство существующего объекта, представляющие минуты.
DateObjectName является либо именем объекта Date либо свойством существующего объекта. MonthValue - целое число от 0 (январь) до 11 (декабрь), или свойство существующего объекта.
DateObjectName является либо именем объекта Date либо свойством существующего объекта. secondsValue - целое число от 0 до 59 или свойство существующего объекта.
DateObjectName является либо именем объекта Date либо свойством существующего объекта. timevalue - целое число или свойство существующего объекта, представляющие число миллисекунд прошедших с 1 января 1970 00:00:00.
Это основная форма объекта Date. Метод возвращает КОЛИЧЕСТВО миллисекунд, прошедших с полуночи 1 января 1970 года. Хотя нет необходимости знать конкретное значение этого числа, оно может быть использовано как простейший метод копирования значения одного объекта типа Date в другой объекта.
Примеры
theBigDay = new Date("July 1, 1999")
sameAsBigDay = new Date()
sameAsBigDay.setTime(theBigDay.getTime())
Вычисляет выражение по истечении указанного в миллисекун-дах промежутка времени.
Синтаксис
timeoutID=setTimeout (expression, msec)
timeoutID - идентификатор, который используется только, чтобы отменить вычисление с методом clearTimeout. expression - выражение или свойство существующего объекта. Msec - числовое значение, числовая строка, или свойство существующего объекта в миллисекунды.
Исполнение выражения происходит только один раз. Напри-мер, установка промежутка в 3 секунды приведет к однократ-ному исполнению выражения по истечении этих 3 секунд, а не к повторению каждые 3 секунды.
Для рекурсивного вызова метода setTimeout достаточно вставить в вызываемую функцию новый вызов метода setTimeout.
Примеры
Пример 1. Следующий пример показывает сообщение alert через 5 секунды (5,000 миллисекунд) после того, как пользователь нажимает кнопку. Если пользователь нажимает вторую кнопку прежде, чем появилось сообщение, то блокировка по времени отменяется, и сообщение не показывается.
<SCRIPT LANGUAGE="JavaScript">
function displayAlert() {
alert("5 seconds have elapsed since the button was clicked.")
}
</SCRIPT>
<BODY>
<FORM>
Click the button on the left for a reminder in 5 seconds;
click the button on the right to cancel the reminder before
it is displayed.
<P>
<INPUT TYPE="button" VALUE="5-second reminder"
NAME="remind_button"
onClick="timerID=setTimeout('displayAlert()',5000)">
<INPUT TYPE="button" VALUE="Clear the 5-second reminder"
NAME="remind_disable_button"
onClick="clearTimeout(timerID)">
</FORM>
</BODY>
Пример 2. Вызов функции startclock в нижеприведенном примере запускает бесконечный цикл, который устанавливает промежуток времени в 1 секунду для вывода очередного значения времени.
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
<SCRIPT LANGUAGE="JavaScript">
<!--
var timerID = null
var timerRunning = false
function stopclock(){
if(timerRunning)
clearTimeout(timerID)
timerRunning = false
}
function startclock(){
// Make sure the clock is stopped
stopclock()
showtime()
}
function showtime(){
var now = new Date()
var hours = now.getHours()
var minutes = now.getMinutes()
var seconds = now.getSeconds()
var timeValue ="" + ((hours > 12) ? hours - 12 : hours)
timeValue += ((minutes < 10) ?":0" :":") + minutes
timeValue += ((seconds < 10) ?":0" :":") + seconds
timeValue += (hours >= 12) ?" P.M." :" a.M."
document.clock.face.value = timeValue
timerID = setTimeout("showtime()",1000)
timerRunning = true
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="startclock ()">
<FORM NAME="clock" onSubmit="0">
<INPUT TYPE="text" NAME="face" SIZE=12 VALUE ="">
</FORM>
</BODY>
Пример 3. Вызов функции startclock в нижеприведенном примере запускает бесконечный цикл, в котором таймер сбрасывается, затем на экран выводится текущее время и, наконец, заново устанавливается промежуток времени в 1 секунду для вывода очередного значения времени.
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
<SCRIPT>
var timerID = null;
var timerRunning = false;
function stopclock () {
if(timerRunning) clearTimeout(timerID) ;
timerRunning=false;
}
function startclock () {
stopclock () ;
showtime() ;
}
function showtime () {
var now = new Date();
document.clock.display.value = now.toLocaleString() ;
timerID = setTimeout("startclock ()",1000);
timerRunning=true;
}
</SCRiPT>
<BODY onLoad="startclock ()">
<FORM NAME="clock">
<INPUT type="text" NAME="display" VALUE="Standby for the time">
</FORM>
<form>
<p>
<center>
<INPUT TYPE="button" VALUE="Закрыть" onClick="window.close()">
</FORM>
</center>
</BODY>
DateObjectName является либо именем объекта Date либо свойством существующего объекта. yearValue - целое число большее чем 1900 или свойство существующего объекта.
Предыдущий пример производит тот же самый вывод как следование HTML:
<SMALL>Hello, world</SMALL>
<P><BIG>Hello, world</BIG>
<P><FONTSIZE=7>Hello, world</FONTSIZE>
Не путайте свойство status со свойством defaultStatus. Свойство DefaultStatus отражает по умолчанию сообщение в строке состояния.
Вы можете исправлять свойство status в любое время. Вы-зов временного сообщения должен быть вставлен в текст об-работчика события mouseOver из тега < a... >. Чтобы вывести сообщение в строке состояния в тот момент, когда указатель мыши находится над гиперссылкой, надо сделать так:
<А anchorDefinition опМоизеОvеr="window.status=' Your message.'; return true">link</A>
Обратите внимание на вложенные кавычки и обязательное возвращаемое значение true.
Однажды вызванное, сообщение остается в строке состояния до тех пор, пока указатель мыши не окажется над другой ги-перссылкой
Примеры
Предположим, что вы создали JavaScript функцию, с именем pickRandomURL () которая позволяет вам, выбрать URL произвольно. Вы можете использовать обработчик событий onClick якоря, чтобы определить значение для атрибута HREF якоря динамически, и обработчик событий onMouseOver, чтобы определить сообщение для окна в свойстве status:
<A href="#" onClick="this.href=pickRandomURL()" onMouseOver="self.status='Pick a random URL'; return true">Идите!</A>
Используйте метод sub с методами write или writeln, чтобы форматировать и выводить строку в документе.
Примеры
Следующий пример использует методы sub и sup для форматирования строки:
var superText="superscript"
var subText="subscript"
document.write("This is what a" + superText.sup() +" looks like.")
document.write("This is what a" + subText.sub() +" looks like.")
Предыдущий пример производит будет выглядеть аналогично в синтаксе HTML:
This is what a <SUP>superscript</SUP> looks like.
<P>This is what a <SUB>subscript</SUB> looks like.
Чтобы определить кнопку submit , используйте стандарт HTML синтаксис с использованием обработчика событий onClick:
<INPUT
TYPE =" подчиняется"
NAME = "submitName"
VALUE= "buttonText"
[onClick = "handlerText"] >
NAME ="submitName" определяет имя объекта submit . Вы можете обращаться к этому значению, используя свойство name. VALUE ="buttonText" определяет значение, которое появляется на экране кнопки. Вы можете обращаться к этому значению, используя свойство value.
submitName - значение атрибута NAME объекта submit . formName является либо значением атрибута NAME объекта form либо элемента в массиве form. Индекс - целое число, представляющее объект submit в форме. PropertyName - один из свойства, описанных ниже. MethodName - один из методов, описанных ниже.
Объект submit - элемент формы и должен быть определен внутри тега <FORM>.
Щелчок на кнопке заставляет форму отправить данные про-грамме, указанной в свойстве action. Кнопка создается внутри тега HTML <FORM> и всегда загружает новую страницу, которая может оказаться той же, что и текущая, если свойство action не указано.
Обработчик событий оnClick кнопки submit не может предотвращать форму от утверждения; взамен, используйте обработчик событий onSubmit формы, или используйте метод submit вместо объекта submit. Смотрите примеры для объекта form.
Следующий пример создает объект submit с именем submit_button."Done" текст показаный на экране кнопки.
<INPUT TYPE="submit" NAME="submit_button" VALUE="Done">
Возвращает часть строкового объекта в зависимости от двух индексов.
Синтаксис
stringName.substring (indexA, indexB)
stringName - любая строка или свойство существующего объекта. indexA - любое целое число от 0 до stringName.length - 1, или свойство существующего объекта. indexB - любое целое число от 0 до stringName.length - 1, или свойство существующего объекта.
Символы в строке индексированы слева направо. Индекс первого символа - 0, индекс последнего символа - stringName.length - 1.
Если indexA - меньше чем indexB, то метод substring возвращает подмножество, начинающееся с символа с индексом indexA и заканчивающиеся символом с индексом indexB. Если indexA больше чем indexB, то метод substring возвращает подмножество, начинающееся с символа с индексом indexB и заканчивающийся символом с индексом indexA. Если indexA равен indexB, то метод substring возвращает пустую строку.
Примеры
Следующий пример использует substring , чтобы показать символы из строки"Netscape".
Используйте метод sup с методами write или writeln для форматирования и вывода строки в документе.
Примеры
Следующий пример использует методы sub и sup , чтобы форматировать строку:
var superText="superscript"
var subText="subscript"
document.write("This is what a" + superText.sup() +" looks like.")
document.write("<P>This is what a" + subText.sub() +" looks like.")
Знаете ли Вы, что любой разумный человек скажет, что не может быть улыбки без кота и дыма без огня, что-то там, в космосе, должно быть, теплое, излучающее ЭМ-волны, соответствующее температуре 2.7ºК. Действительно, наблюдаемое космическое микроволновое излучение (CMB) есть тепловое излучение частиц эфира, имеющих температуру 2.7ºK. Еще в начале ХХ века великие химики и физики Д. И. Менделеев и Вальтер Нернст предсказали, что такое излучение (температура) должно обнаруживаться в космосе. В 1933 году проф. Эрих Регенер из Штуттгарта с помощью стратосферных зондов измерил эту температуру. Его измерения дали 2.8ºK - практически точное современное значение. Подробнее читайте в FAQ по эфирной физике.
Последнее обновление: понедельник 23 декабря 2024 г.
