Свойство fgColor представлен в виде шестнадцатеричного триплет RGB или в виде строкового литерала, описанных в разделе Цвета в JavaScript. Эта свойство - JavaScript отражение атрибута TEXT тега HTML <BODY>.Это значение не может быть изменено после загрузки документа, для отдельных фрагментов текста можно изменить цвет с помощью метода fontcolor
Вы можете отменять свойство fgColor следующим из способов:
Установить атрибут COLOR тега <FONT.
Использовать метод fontcolor.
Примеры
Следующий пример устанавливает цвет текста в aqua при использование строкового литерала:
Document.fgColor = "aqua"
Следующий пример устанавливает цвет текста в aqua при использование шестнадцатеричного триплета:
PasswordName является либо значением атрибута NAME объекта password либо элемента в массиве elements. SelectName является либо значением атрибута NAME объекта select либо элемента в массиве elements. TextName является либо значением атрибута NAME объекта text либо элемента в массиве elements. TextareaName является либо значением атрибута NAME объекта textarea либо элемента в массиве elements.
Используя имена формы и элемента, метод focuse передает фокус элементу. С этого момента можно программно ввести значение в элемент формы, либо пользователь может сделать это вручную.
Примеры
В следующем примере, функция checkPassword подтверждает, что пользователь правельно ввел password. Если password введен не правильно, то фокус возвращает метод focuse к объекту password, и методу select высвечивяя пользователю, что он может повторно ввести пароль.
function checkPassword(userPass) {
if (badPassword) {
alert("Please enter your password again.")
userPass.focus()
userPass.select() }}
Этот пример выполнен когда password определен как:
<INPUT TYPE="password" NAME="userPass">
Переопределяет цвет выводимого текста для строкового абъекта, анологично тегу <FONT COLOR=color>.
Синтаксис
StringName.fontcolor (color)
StringName - любая строка или свойство существующего объекта. color - строка, выражющая цвет как шестнадцатеричный триплет RGB или как строковый литерал, описанных в разделе Цвета JavaScript.
Используйте метод fontcolor с методами write или writeln для форматирования строки в документе.
Метод fontcolor отменяет значение свойства fgColor.
Примеры
Следующий пример использует метод fontcolor, изменяя цвет строки
var worldString="Hello, world"
document.write(worldString.fontcolor("maroon") +
" is maroon in this line")
document.write("<P>" + worldString.fontcolor("salmon") +
" is salmon in this line")
document.write("<P>" + worldString.fontcolor("red") +
" is red in this line")
document.write("<P>" + worldString.fontcolor("8000") +
" is maroon in hexadecimal in this line")
document.write("<P>" + worldString.fontcolor("FA8072") +
" is salmon in hexadecimal in this line")
document.write("<P>" + worldString.fontcolor("FF00") +
" is red in hexadecimal in this line")
Следующий пример выглядит на экране анологично предыдущемк:
<FONT COLOR="maroon">Hello, world</FONT> is maroon in this line
<P><FONT COLOR="salmon">Hello, world</FONT> is salmon in this line
<P><FONT COLOR="red">Hello, world</FONT> is red in this line
<FONT COLOR="8000">Hello, world</FONT> is maroon in hexadecimal in this line
<P><FONT COLOR="FA8072">Hello, world</FONT> is salmon in hexadecimal in this line
<P><FONT COLOR="FF00">Hello, world</FONT> is red in hexadecimal in this line
Метод fontsize
Показывает строку в указанном размере шрифта, аналогично тегу HTML <FONTSIZE=size>.
Синтаксис
StringName.fontsize (size)
StringName - любая строка или свойство существующего объекта. size - целое число расположенное в диапозоне между 1 и 7, или строка, представляющая целое число между 1 и 7.
Используйте метод fontsize с методами write или writeln, чтобы форматировать строку в документе. Когда вы определяете размер как целое число, вы изменяете размер stringName к одному из семи определенных размеров. Когда вы определяете размер как строку типа "-2", то вы изменяете размер шрифта stringName относительно размера установленног в теге <BASEFONT>.
Примеры
Следующий пример использует методы string изменить размер строки:
var worldString = " Привет мир "
Document.write (worldString.small ())
document.write (worldString.big ())
document.write (worldString.fontsize (7))
Или по другома:
<SMALL> Привет мир</SMALL>
<BIG> Привет мир</BIG>
<FONTSIZE=7> Привет мир</FONTSIZE>
Чтобы определить форму, используйте стандарт HTML синтаксис с использованием обработчика событий onSubmit:
<FORM
NAME="formName"
TARGET="windowName"
ACTION="serverURL"
METHOD=GET | POST
ENCTYPE="encodingType"
[onSubmit="handlerText"]>
</FORM>
NAME = "formName" определяет имя объекта формы.
TARGET = "windowName" определяет окно, в которое идти. WindowName может быть существующее окно; это может быть имя фрейма указанное в теге <FRAMESET>; это не может быть выражение JavaScript (например, это не может быть parent.frameName или windowName.frameName). Некоторые значения для этого атрибута могут требовать определенных значений для других атрибутов. Вы можете обращаться к этому значению, используя свойство target .
ACTION = "serverURL" определяет URL- адрес сценарного приложения сервера, которое будет обрабатывать.
METHOD=GET | POST определяет, как информация послана серверу, указанному ACTION.
ENCTYPE = "encodingType" определяет кодирование MIME посланных данных: "application/x-www-form-urlencoded" (неплатеж) или "multipart/form-данные". Некоторые стоимости(значения) для этого атрибута могут требовать определенных стоимостей(значений) для других атрибутов. См. RFC 1867 для деталей. Вы можете обращаться к этой стоимости(значению), используя собственность кодирования.
FormName - значение атрибута NAAME объекта формы. PropertyName - один из свойствы, описанных ниже. MethodName - один из методов, описанных ниже. index - целое число, представляющее объект формы.
Вы можете ссылаться на элементы формы в вашем коде, используя имя элемента (из атрибута NAME) или массива elements. Таблица элементов содержит вход для каждого элемента (типа переключателя, радио, или текстового объекта(цели)) в форме.
Массив form
Вы можете ссылаться на формы в вашем коде, используя массив form.
index - целое число, представляющее форму в документе.
Чтобы получать число форм в документе, используйте свойство lendth:
document.forms.length.
Вы можете также обращаться к элементам формы, используя массив form. Например, вы хотите обратиться к текстовому объекту quantity во второй форме как document.forms [1] .quantity. То вы обратились бы к свойству значения этого текстового объекта как document.forms [1] .quantity.value.
Элементы в массиве form только для чтения. Например, утверждение document.forms [0] = "музыка" не имеет никакого результата.
Значение каждого элемента в массиве form - <objectNameAttribute>, где nameAttribute - атрибут NAME формы.
Пример 1: следующий пример создает форму form1, которая содержит текстовую область для имени и фамилии. Форма также содержит две кнопки, которые изменяют имена. Функция setCase показывает, как обращаться к форме при помощи ее именем.
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
<TITLE> Пример объекта формы</TITLE>
</HEAD>
<SCRIPT>
function setCase (caseSpec){
if (caseSpec == "upper") {
document.form1.firstName.value=document.form1.firstName.value.toUpperCase()
document.form1.lastName.value=document.form1.lastName.value.toUpperCase()}
else {
document.form1.firstName.value=document.form1.firstName.value.toLowerCase()
document.form1.lastName.value=document.form1.lastName.value.toLowerCase()}
}
</SCRIPT>
<BODY>
<FORM NAME="form1"> <B>Имя:</B>
<INPUT TYPE="text" NAME="firstName" SIZE=20>
<BR>
<B>Фамилия:</B>
<INPUT TYPE="text" NAME="lastName" SIZE=20>
<P>
<INPUT TYPE="button" VALUE="Names to uppercase" NAME="upperButton" onClick="setCase('upper')">
<INPUT TYPE="button" VALUE="Names to lowercase" NAME="lowerButton" onClick="setCase('lower')">
</FORM>
</BODY>
Пример 2: Обработчик событий OnLoad в следующем примере показывает имя первой формы в диалоговом окне.
<BODY onLoad="alert('You are looking at the ' + document.forms[0] + ' form!')">
Если название(имя) формы - musicType, тревога показывает следующее сообщение:
Вы рассматриваете
<object musicType>
Форма!
Пример 3: следующий пример содержит обработчик событий onSubmit , который решает, подчинить форму или нет. Форма содержит один текстовый объект, где пользователь вводит три знака. Обработчик событий OnSubmit вызывает функцию checkData, которая возвращает true если символов - три; иначе она возвращает false. Также onSubmit содержит утверждение return, которое возвращает значение, полученное обращением к функции.
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
<TITLE> Пример объекта Формы</TITLE>
</HEAD>
<SCRIPT>
var dataOK=false
function checkData (){
if (document.form1.threeChar.value.length == 3) {
return true}
else {
alert("Enter exactly three characters. " + document.form1.threeChar.value + " is not valid.")
return false}
}
</SCRIPT>
<BODY>
<FORM NAME="form1" onSubmit="return checkData()"> <B>Введите 3 знака:</B>
<INPUT TYPE="text" NAME="threeChar" SIZE=3>
<P>
<INPUT TYPE="submit" VALUE="Done" NAME="submit1" onClick="document.form1.threeChar.value=document.form1.threeChar.value.toUpperCase()">
</FORM>
</BODY>
Пример 4: следующий пример подобен предыдущему, за исключением подчиненной формы, используя подчиненный метод вместо подчиненного объекта. Обработчик событий onSubmit формы не предотвращает форму от утверждения. Форма использует обработчик событий onClick кнопки, чтобы вызвать функцию checkData. Если значение верно, то функция checkData подчиняет форму.
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
<TITLE>Подчиненная форма</TITLE>
</HEAD>
<SCRIPT>
var dataOK=false
function checkData (){
if (document.form1.threeChar.value.length == 3) {
document.form1.submit()}
else {
alert("Enter exactly three characters. " + document.form1.threeChar.value + " is not valid.")
return false}
}
</SCRIPT>
<BODY>
<FORM NAME="form1" onSubmit="alert('Form is being submitted.')"> <B>Войдите в 3 цифры(знака):</B>
<INPUT TYPE="text" NAME="threeChar" SIZE=3>
<P>
<INPUT TYPE="button" VALUE="Done" NAME="button1" onClick="checkData()">
</FORM>
</BODY>
Этот метод выполняет то же самое действие, что и выражение history.go (1).
Примеры
Следующие кнопки custom выполняют те же самое действие, что и кнопки в Navigator Back и Forward:
<P><INPUT TYPE="button" VALUE="< Back"
onClick="history.back()">
<P><INPUT TYPE="button" VALUE="> Forward"
onClick="history.forward()">
Окно (кадр),содержащее независимо прокручиваемый субдокумент HTML. Фреймы могут указывать на различные URL и быть целенаправленными другими URL, все внутри того же самого экрана.
Синтаксис
Чтобы определить объект фрейма, используйте стандарт HTML синтаксис. Обработчики событий OnLoad и onUnload определенные в теге <FRAMESET> - обработчики слбытий для объекта окна:
<FRAMESET
ROWS="rowHeightList"
COLS="columnWidthList"
[onLoad="handlerText"]
[onUnload="handlerText"]>
[<FRAME SRC="locationOrURL" NAME="frameName">]
</FRAMESET>
ROWS = "rowHeightList" - атрибут для фреймов, расположенных друг над с другом. COLS = "columnWidthList" - атрибут для фреймов, расположенных друг рядом с другом. <FRAME> определяет фрейм. SRC = "locationOrURL" определяет URL документа, который будет показан в фрейме. URL не может включать имя якоря; например <FRAME SRC="doc2.html#colors " NAME = " frame2 " > является недопустимым. Более подробно смотрите объект location. NAME = "frameName" определяет имя, которое нужно использовать для переходов гиперссылки.
WindowReference - переменная windowVar из определенного окна (смотрите объект window). FrameName - значение атрибута NAME в теге <FRAME > объекта фрейма. index - целое число, представляющее объект фрейма. PropertyName - один из свойств, описанных ниже.
Тег <FRAMESET > используется в HTML документе, где единственная цель заключается в том, чтобы определить расположение фреймов, которые создает страницу. Каждый фрейм - это объект окна.
Если тег <FRAME> содержит SRC и атрибут NAME, то вы можете обращаться к этому фрейму из соседнего фрейма, используя parent.frameName или parent.frames [index]. Например, если четвертый фрейм имеет NAME = "homeFrame", то из соседнего фрейма можно обратиться к этому фрейму, используя parent.homeFrame или parent.frames [3].
Свойства Self и Window - синонимы для текущего фрейма, и вам необязательно использовать их, чтобы обратиться к текущему фрейму. Вы можете использовать это свойство, чтобы делать ваш код более читаемым. Смотрите свойства, описанные ниже в разделе примеров.
Свойства Parent и Top - также синонимы, которые могут использоваться вместо имени фрейма. Смотрите свойства top и parent.
Массив frames
Вы можете ссылаться на объекты фрейма в вашем коде, используя массив frames. Этото массив содержит все фреймы. Например, если окно содержит три фрейма, то эти фреймы отражены в массиве как parent.frames [0], parent.frames [1], и parent.frames [2].
FrameReference - способ только для фреймов, как описано в объекте frame. WindowReference - переменная windowVar (смотрите объект window). Index - целое число, представляющее фрейм в родительском окне.
Чтобы получать число дочерних фреймов в окне или фрейме, используйте свойство length:
Отсутствуют. Обработчики событий OnLoad и onUnload определены в теге <FRAMESET > но - фактически обработчики событий для объекта окна.
Примеры
Следующий пример создает два окна, каждый с четырьмя фреймами. В первом окне, первый фрейм содержит кнопки, которые изменяют цвет фона фреймов в обоих окнах.
FRAMSET1.HTML - определяет, фреймы для первого окна, содержат следующий кодекс:
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
<TITLE> Frame и Framesets: Окно 1</TITLE>
</HEAD>
<FRAMESET ROWS="50%,50%" COLS="40%,60%" onLoad="alert('Hello, World.')">
<FRAME SRC=framcon1.html NAME="frame1">
<FRAME SRC=framcon2.html NAME="frame2">
<FRAME SRC=framcon2.html NAME="frame3">
<FRAME SRC=framcon2.html NAME="frame4">
</FRAMESET>
FRAMSET2. HTML, который определяет, фреймы для второго окна, содержат следующий кодекс:
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
<TITLE> Фреймы и Framesets: Окно 2</TITLE>
</HEAD>
<FRAMESET ROWS="50%,50%" COLS="40%,60%">
<FRAME SRC=framcon2.html NAME="frame1">
<FRAME SRC=framcon2.html NAME="frame2">
<FRAME SRC=framcon2.html NAME="frame3">
<FRAME SRC=framcon2.html NAME="frame4">
</FRAMESET>
FRAMCON1.HTML, который определяет, содержание для первого фрейма в первом окне, содержит следующий кодекс:
<BODY>
<A NAME="frame1"></a>
<H1> Frame1</H1>
<P>
<A HREF="framcon3.htm" target=frame2>Нажмите в этом месте</A>, чтобы грузить различную картотеку(файл) в структуру(систему координат,фрейм) 2.
<SCRIPT>
window2=open("framset2.htm","secondFrameset")
</SCRIPT>
<FORM>
<P>
<INPUT TYPE="button" VALUE="Change frame2 to teal"
onClick="parent.frame2.document.bgColor='teal'"><P>
<INPUT TYPE="button" VALUE="Change frame3 to slateblue"
onClick="parent.frames[2].document.bgColor='slateblue'"><P>
<INPUT TYPE="button" VALUE="Change frame4 to darkturquoise"
onClick="top.frames[3].document.bgColor='darkturquoise'"><P>
<INPUT TYPE="button" VALUE="window2.frame2 to violet"
onClick="window2.frame2.document.bgColor='violet'"><P>
<INPUT TYPE="button" VALUE="window2.frame3 to fuchsia"
onClick="window2.frames[2].document.bgColor='fuchsia'"><P>
<INPUT TYPE="button" VALUE="window2.frame4 to deeppink"
onClick="window2.frames[3].document.bgColor='deeppink'">
</FORM>
</BODY>
FRAMCON2. HTML - определяет, содержание для остающихся фреймов:
<BODY>
<P> Это - фрейм.
</BODY>
FRAMCON3. HTML, который упомянут в объекте links в FRAMCON1. HTML, содержит следующий код:
<BODY>
<P> Это - фрейм. Что Вы думаете?
</BODY>
Значение, возвращенное getDay - целое число, соответствующее дню недели: ноль в течение воскресенья, один в течение понедельника, два в течение вторника, и так далее.
Соответствующего метода getDay не существует, так как день недели автоматически вычисляется на основе значения объекта Date.
Примеры
Второе утверждение ниже приведенного примера приписывает значение 1 weekday , основанному на значении даты объекта Xmas95.
Xmas95 = new Date("December 25, 1995 23:15:00")
weekday = Xmas95.getDay()
Метод getHours
Возвращает час суток.
Синтаксис
DateObjectName.getHours ()
DateObjectName является либо именем объекта даты либо свойством существующего объекта.
Значение, возвращенное getHours - целое число между 0 и 23.
Примеры
Второе утверждение ниже приведенного примера приписывает значение 23 переменной hours, основанным на значении даты объекта Xmas95.
Xmas95 = new Date("December 25, 1995 23:15:00")
hours = Xmas95.getHours()
Следующий код показывает различные изображения на вашей странице, в зависимости от того сейчас утро или ночь (Замечание: Утро - от 12 до 12 пополудни).
<script>
<!--
/*
Time of the day image script credit: Website Abstraction (www.wsabstract.com).
Your free JavaScripts archieve, with over 200+ free JavaScripts.
This script may be freely used as long as credit remains intact.
*/
var current= new Date()
var day_night=current.getHours()
if (day_night<=12)
document.write("<img src='day.gif'>")
else
document.write("<img src='night.gif'>")
//-->
</script>
Номер месяца возвращается как целое число в интервале между 0(январь) и 11(декабрь), а не как строка. Это значение может внести путанницу, так как не соответствует стандартному способу нумерации месяцев. Прежде чем вывести значение на экран или после получения данных, введенных пользователем в форму, надо произвести соответствующие преобразования. Рассмотрим эти преобразования ниже в разделе примеры.
Примеры
Второе утверждение ниже приведенного примера приписывает значение 11 переменному month, основанному на значении даты объекта Xmas95.
Xmas95 = new Date("December 25, 1995 23:15:00")
month = Xmas95.getDate()
Следующая функция toReality преобразует номер месяца в стандартную систему обозначений "1-12"
function toReality(){
this+=1
}
Следующая пример преобразует номер месяца в систему обозначений "0-11"
Значение представляет собой количество миллисекунд, прошедших после полуночи 1 января 1970 00:00:00. Это значение может использоваться для сравнения двух дат.
Примеры
Следующий пример приписывает значение даты theBigDay к sameAsBigDay.
theBigDay = new Date("July 1, 1999")
sameAsBigDay = new Date()
sameAsBigDay.setTime(theBigDay.getTime())
Для функций, включающих в себя вычисления дат, полезно создать набор переменных, определяющих минуты, чисы и дни в миллисекундах.
var dayMillisec=1000*60*60*24
//1000 миллисекунд*60 сек*60 мин*24 часа
var hourMillisec=1000*60*60
//1000 миллисекунд*60 сек*60 мин
var minuteMillisec=1000*60
//1000 миллисекунд*60
Возвращает год объекта Date минус 1900. Например, если год - 1976, возвращенное значение - 76. Несмотря на то что значение года может быть передано объекту date как 4-значное число в виде строки, возвращаемое методом getYear значение является 2-значным числом.
Примеры
Второе утверждение ниже приведенного примера приписывает значение 95 переменному year, основанному на значении даты объекта Xmas95.
Xmas95 = new Date("December 25, 1995 23:15:00")
year = Xmas95.getYear()
Метод go может ссылаться на документы из списка history по URL или по относительной позиции в этом списке. Если указан неполный адрес URL, используется ближайшее соответствующее значение. Результат поиска не зависит от регистра.
Аргумент delta - целое число. Если delta больше чем ноль, то метод go загружает URL. Если delta - 0, Navigator перезагружает текущую страницу.
Аргумент location - строка. Использование location загружает самую ближайшую страницу в списка history, чей URL содержит location как подстроку. Каждый раздел URL содержит различную информацию. Смотрите объект location для описания компонент URL.
Примеры
Следующая кнопка переходит к самомой ближайшей странице в списке history, который содержит строку "home.netscape.com":
<P><INPUT TYPE="button" VALUE="Go"
onClick="history.go('home.netscape.com')">
