Главная страница 1

Лекция №

Тема: «Методы и свойства»

Вопросы темы:


  1. диалоговые действия

  2. управление выводом DHTML

  3. математические методы

  4. символьные операции

  5. работа с датой и временем

  6. свойства объектов

  7. зарезервированные слова JavaScript

  8. примеры скриптов


Методы и свойства

Рассмотрим наиболее часто используемые методы JavaScript и свойства объектов, которые помогут освоить азы скриптового программирования.



Диалоговые действия


Наименование

Описание и пример


alert("строка")



Выводит окно сообщения с указанным текстом, иконкой предупреждения и кнопкой «ОК»

confirm("строка")


Выводит окно сообщения с указанным текстом, иконкой вопроса и парой кнопок «Yes» и «No» («Да» и «Нет»), после чего в зависимости от того, какая кнопка нажата пользователем, возвращает значение true или false, соответственно


prompt("строка","")

Выводит окно для ввода текста с указанным текстом в качестве подсказки и парой кнопок «ОК» и «Cancel» («Отмена»). Возвращает введенную пользователем строку или пустую строку при нажатии «Cancel»


history.back()

Переход к предыдущей просмотренной странице

history.forward()


Переход к следующей по порядку странице из числа просмотренных (если она есть)


history.go(n)


Переход к странице (из числа ранее просмотренных), которая в списке History браузера отстоит на n позиций от текущей. При n=1 эквивалентно forward ().

Определить общее количество страниц в списке History можно с помощью свойства history.length



blur()



Убирает «фокус» с данного элемента формы

(т. е. отменяет его статус как текущего)




click ()

Имитирует щелчок мышью на данном элементе формы (флажке, радиокнопке или кнопке), при этом, соответственно, происходит изменение состояния флажка, выбор данной радиокнопки или действия, присвоенные данной кнопке (но вызова функции — обработчика, назначенной для события onclick, если она записана для данного объекта, не производится!)

submit()


Инициирует отправку данных формы в соответствии с заданными в ее тэге параметрами. (Аналогичного метода reset О не существует — для инициирования очистки формы нужно вызвать метод click () для имеющейся в фор­ме кнопки reset.)


focus ()

Делает данный элемент формы текущим (устанавливает на нем «фокус»)

select ()


Выделяет все содержимое текущего элемента text или textarea (чтобы сделать его текущим, используется focus ( ) )



Управление выводом, DHTML
Эти методы используются в составе аргумента метода write или writeln для указанной переменной, содержащей выводимый текст, и, по сути заменяют соответствующие тэги либо контейнеры.


Наименование

Описание и пример


WinName.document. clear ()

Очистка (удаление) документа, содержащегося в окне с именем winName

WinName.document. open()

Очищает содержимое окна с именем winName и открывает его для генерации DHTML


Window.open(URL, winName, свойства)

Открывает (создает) новое окно браузера с име­нем winName, помещая в него документ с указан­ным URL Свойства (если заданы) указывают на­стройки окна


close( )

Закрывает окно (winName. close () ) или завер­шает динамическое формирование документа (document. close () ) и «разрешает» его отобра­жение браузером


big( )



Увеличение размера шрифта (контейнер <BIG>...BIG>)

small ( )



Уменьшение размера шрифта (контейнер <SMALL>...<SMALL>)

blink ( )



Мигающий текст (контейнер <BLINK>...BLINK>)

bold( )


Жирный текст (контейнер <в>.. .)


fontcolor ( )


Устанавливает цвет текста (аналогично параметру color тэга <font>)

fontsize ( )


Устанавливает размер текста (аналогично параметру size тэга <font>)

italic ( )

Курсивный текст (контейнер <I>. . .I>)

sub( )


Нижние индексы (контейнер <sub>. . .sub>)

sup( )



Верхние индексы (контейнер <sup>. . .sup>)

link (URL)


Преобразует текст, содержащийся в данной переменной, в гиперссылку на указанный ресурс. Пример: при LT="здесь" И LURL="http://www.my.ru" запись document.write(LT.link(lurl)) создает требуемую ссылку

write ( )


Выводит строку или несколько строк в окно документа DHTML



writeln ( )


Выводит строку или несколько строк в окно документа HTML, добавляя в конце код конца строки



Математические методы


Наименование

Описание и пример


Math.E


Константа е (основание натурального логарифма)

Math.PI

Константа π

Math.pow(x,y)

Вычисляет значение хy

Math.sqrt(x)

Вычисляет квадратный корень из х (х>0)

Math.abs(x)

Абсолютное значение (модуль)

Math.acos(x)


Арккосинус (для -1<х<1, вне этого диапазона возвращает 0)

Math.asin(x)


Арксинус (для -1<х<1, вне этого диапазона возвращает 0)


Math.atan(x)

Арктангенс (для -1<х<1)




Math.cos(x)

Косинус



Math.sin(x)

Синус



Math.tan(x)

Тангенс



Math.exp(x)

Функция еx



Math.log(x)

Натуральный логарифм (х > 0)


Math.ceil(x)


Ближайшее целое число, большее или равное х (т. е. для числа с дробной частью возвращает значение, на 1 большее его целой части)


Math.floor(x)



Ближайшее целое число, меньшее или равное х (т. е. для положительных чисел дробная часть просто отсекается, для отрицательных — целая часть дополнительно уменьшается на 1, например для х=-2.5 результат будет равен -3)

Math.round(x)


Округляет х до ближайшего целого по правилам округления

Math.max(xl,x2)


Возвращает наибольший из двух аргументов

Math.min(xl,x2)


Возвращает наименьший из двух аргументов




Примечание. В записи имени объекта («библиотеки») Math и вызываемых с ее помощью констант регистр букв (строчный/прописной) является значащим




Символьные операции


Наименование

Описание и пример


charAt(n)

Символ, находящийся в n-ой позиции (отсчет слева направо от нуля) в строке — значении данной переменной.
Пример:

для Str="Наша школа " и Chr=Str.charAt (2) получим Сhr="ш"




eval (x)

parselnt(x, r)



Если в качестве аргумента передана текстовая строка, данная функция пытается распознать в ней числа и числовые выражения, после чего выполняет (если требуется) все нужные вычисления и возвращает числовой результат

Пытается извлечь из переданной в качестве аргумента строки запись целого числа (с учетом знака минуса и отсечения пробелов слева) и воспринять его как запись в указанной аргументом r системе счисления (г=8,10 или 16, если он опущен, то считается равным 10 либо анализируется наличие префиксных символов 0 и 0х), возвращая числовое значение, переведенное в десятичную систему




IndexOf(str,n)



Возвращает номер позиции начала первого вхождения символа или подстроки str в данную строку или -1, если вхождение не найдено. Поиск ведется начиная с позиции n (если этот аргумент опущен, то с начала). Нумерация позиций символов в строке — слева направо, считая с нуля.

Пример: для переменной Allstring поиск подстроки «win» начиная с 5 позиции — x=Allstring. IndexOfWin», 5)

lastlndexOf(str,n)

То же, ведя поиск справа налево от указанной позиции n или от конца строки


substring(nl,n2)



Возвращает подстроку, «вырезанную» из исходной от меньшей из указанных позиций до большей

lenght


Длина строки (0, если строка пустая)


toLowerCase ( )


Преобразует все символы к нижнему (строчному) регистру

toUpperCase( )


Преобразует все символы к верхнему (прописному) регистру



unescape(str)



Просматривает переданную в качестве аргумента строку str и при обнаружении в ней записей типа %хх, где хх — шестнадцатеричный код ASCII от 00 до FF, преобразует эти записи в соответствующие символы



Работа с датой и временем


Наименование

Описание и пример

VarDate.getTime()


Возвращает для указанной даты (переменная varDate) ее системное значение (кол-во миллисекунд от полуночи 1 января 1970 г. — «начальной точки» отсчета системных дат), которое может использоваться, например, для вычисления временных интервалов между двумя датами

VarDate.getYear( )


Возвращает для указанной даты (переменная varDate) номер года (для дат до 2000 года —две последние цифры, начиная с 2000 года — трехзначное число, равное номеру года минус 1900, например для 2000 года возвращает число 100)

VarDate.getMonth( )



Возвращает для указанной даты (переменная varDate) номер месяца (от 0 — январь до 11 — декабрь)

VarDate.getDate( )



Возвращает для указанной даты (переменная varDate) число месяца (от 1 до 31)

VarDate.getDay( )


Возвращает для указанной даты (переменная varDate) день недели (0 — воскресенье, 1 — понедельник, ... , 6 — суббота)

VarDate.getHours ( )


Возвращает для указанной даты (переменная varDate) час суток (от 0 до 23)

VarDate. getMinutes ( )


Возвращает для указанной даты (переменная varDate) минуты (от 0 до 59)

VarDate. getSeconds ( )


Возвращает для указанной даты (переменная varDate) секунды (от 0 до 59)

varDate.getTimezoneOffset ()


Возвращает для указанной даты (переменная varDate) разницу в минутах между местным и гринвичским временем (с учетом перехода на летнее/зимнее время)

Аналогичные методы setTime, setYear, setMonth, setDate, setHours, setMinutes, setSeconds служат для установки соответствующих значений даты/времени для соответствующей переменной (но не системной даты/времени!). При этом запись операции производится так: varDate =set<...> (<значение>)

Во всех случаях функции работают с записью даты, помещенной в переменную (здесь — с именем varDate) при помощи команды varDate=new Date () — считывает в переменную текущую системную дату или varDate=new Date (<год>, <месяц>, <день>, <час>, <минута>, <секунда>) — создает запись даты с заданными числовыми значениями (часы, минуты и секунды можно опустить, если нужно задать только дату)
Свойства объектов


Наименование

Описание и пример

Navigator.appCodeName

Возвращает кодовое название используемой версии браузера (например, для Netscape и Internet Explorer — «Mozilla», иногда с записью номера версии после наклонной черты)

Navigator.appName


Возвращает название браузера (например, «Netscape» или «Microsoft Internet Explorer»)

Navigator.appVersion


Возвращает сведения о версии браузера


Document.lastModified


Дата и время последнего изменения данного документа (определяется по дате создания/модификации соответствующего htm-файла)

Document. location


Полная информация об URL текущего документа

WinName.defaultStatus


Позволяет назначить текст, выводимый в строке статуса браузера, когда туда не выводится каких-либо служебных сообщений.

Пример: window.defaultStatus="My page" будет выводить в строке статуса текст «My page» все время, кроме случаев, когда браузер выводит туда свои сообщения.



winName.status

Выводит указанный текст в строке статуса браузера. В отличие от предыдущего, не назначает этот текст по умолчанию, а действует лишь пока совершается событие, в рамках которого это свойство используется

Action


Значение атрибута action для тэга <FORM>. Пример:document.formName.action=newURL

encoding


Значение атрибута enctype для тэга <form>


method

Значение атрибута method для тэга <form>

defaultChecked



Состояние данного флажка или радиокнопки по умолчанию (возвращает значение true или false)


defaultSelected


Определяет наличие (true) или отсутствие (false) атрибута selected для данного списка выбора

defaultValue



Возвращает исходное значение параметра value для элементов формы hidden, text и textarea (в последнем случае — текст в контейнере ) Независимо от того, было ли оно уже изменено пользователем (т. е. то значение, которое появляется в этих элементах при использовании кнопки reset). Для элемента password всегда возвращается значение null из соображений безопасности

hash

Document. links[n].href

Возвращает для данной гиперссылки часть URL, записанную после символа #
Возвращает полную запись URL, указанного в качестве значения параметра href тега <а>, расположенного на данной странице n-ым по счету (считая от нуля)



document.referrer


Возвращает URL документа, с которого пользователь перешел к текущему документу

document.title


Возвращает строку, записанную в контейнере <title>. . .title> данного документа

Name


Возвращает имя (значение параметра name) для данного объекта

formName.selectName.

options[n].text



Возвращает и позволяет изменять текст n-ого (считая с нуля) пункта списка selectName формы formName


alinkColor


Цвет гиперссылок


vlinkColor


Цвет просмотренных гиперссылок


document.bgColor



Фоновый цвет страницы (словесное имя цвета или шестнадцатеричная запись интенсивностей R, G, В)

document.fgColor


Цвет по умолчанию текста, выводимого на странице (словесное имя цвета или шестнадцатеричная запись интенсивностей R, G, В)


Document.linkColor

Цвет гиперссылок



Зарезервированные слова JavaScript
Эти слова не могут быть использованы в качестве имен переменных, объектов и функций по той причине, что уже имеют для JavaScript-транслятора опреде­ленное назначение (некоторые из них зарезервированы для использования в будущих версиях JavaScript):

abstract, boolean, break, byte, case, catch, char, class, const, continue, default, do, double, else, extends, false, final, finally, float, for, function, goto, if, implements, import, in, instanceof, int, interface, long, native, new, null, package, private, protected, public, return, short, static, super, switch, synchronized, this, throw, throws, transient, true, try, var, void, while, with


Примеры скриптов:

  1. «Активизация» изображения гиперссылок мышью.

Один из видеоэффектов, реализуемых при помощи скриптов, - «активизация» расположенных на странице изображений (в частности, служащих в качестве гиперссылок) при наведении на них курсора мыши: при этом такая ссылка выделяется другим цветом, меняется ее яркость или изображение (если ссылкой является рисунок), акцентируя таким образом внимание пользователя. Основная идея здесь – отслеживание события «наведение курсора мыши на объект» (onMouseOver) и замена одного значения параметра (или же графического файла) другим, содержащим соответствующие изменения относительно первого.


Для обращения к данному скрипту в составе контейнера …, «обрамляющего» соответствующий тэг . Необходимо записать вызовы определенных в скрипте функций, например, так:

Контрольные вопросы:



  1. Перечислите основные методы и свойства для диалоговых действий

  2. Какие методы используются для управления выводом DHTML?

  3. Перечислите математические методы

  4. Назовите основные символьные операции при работе со скриптами

  5. Назовите методы для работы с датой и временем

  6. Перечислите основные типовые свойства объектов


Смотрите также:
Лекция № Тема: «Методы и свойства» Вопросы темы: диалоговые действия управление выводом dhtml математические методы
168.51kb.
1 стр.
Лекция 3 Свойства материалов и методы их испытаний
141.56kb.
1 стр.
Семинара факультета «Математические методы и анализ рисков»
22.07kb.
1 стр.
Вопросы для подготовки к экзамену по дисциплине "Методы прогнозирования"
15.48kb.
1 стр.
Программа дисциплины Моделирование и управление для специальности
185.18kb.
1 стр.
Теоретические основы математического моделирования, численные методы и комплексы программ
8.35kb.
1 стр.
Математические модели и методы прогнозирования экономических процессов в наукоемких производствах
112.22kb.
1 стр.
«приближенные методы вычисления корней нелинейных уравнений»
65.29kb.
1 стр.
Лекция Экспериментальные методы измерения равновесной адсорбции
296.24kb.
1 стр.
Тесты по курсу мок /Методы обеспечения и оценки качества машин/ Тема Общие вопросы оценки качества продукции. Лекция 2
110.3kb.
1 стр.
Дата Докладчик Тема доклада 11 октября 2001 Александр Зуев Геометрические методы в теории управления
32.45kb.
1 стр.
Контрольная работа По дисциплине физико-химические свойства и методы контроля качества товаров Специальность 3511 IV курс П. Ф. О фио
77.04kb.
1 стр.