Добавлено (2010-02-10, 16:29)
---------------------------------------------
text
<img src=3.jpg width=300 height=350 onMouseOver="document.pic.src='6.jpg'" onMouseOut="document.pic.src='3.jpg'" onMouseDown="document.bgColor='maroon'" onMouseUp="document.bgColor='red'" name=pic>
text

onMouseOver="document.bgColor='lime'" onMouseOut="document.bgColor='pink'"
onMouseMove

Добавлено (2010-02-10, 17:11)
---------------------------------------------
III.2.4 События в JavaScript

При работе в браузере пользователь совершает большое количество действий: открывает страницу, нажимает на кнопки мыши, перемещает ее, нажимает на клавиши клавиатуры, закрывает страницу и т.д. Все эти и многие другие действия приводят к возникновению событий, с которыми связывается определенный программный код. В распоряжении программиста имеются более сотни событий JavaScript, которые призваны обрабатывать действия пользователя.
Приведем некоторые события, которые применяются чаще всего:
- onAbort – просходит в случае прерывания пользователем загрузки изображения;
- onActivate – происходит при активизации элемента, до события Focus;
- onAfterPrint – происходит после отправки страницы на принтер или в список печати;
- onAfterUpdate – происходит после обновления данных, например, после их объединения;
- onBeforeCopy – запускается перед копированием, инициированным пользователем, через меню или при нажатии соответствующих клавиш;
- onBeforeCut – происходит перед вырезанием, инициированным пользователем через меню или при нажатии соответствующих клавиш;
- onBeforePaste - происходит перед вставкой;
- onBeforeDeactivate – запускается при деактивизации объекта, до события Deactivate;
- onBeforePrint – происходит после нажатия кнопки подтверждающей отправку документа на печать;
- onBeforeUpdate - происходит до обновления данных;
- onBlur – происходит при прекращении выделения элемента;
- onChange – генерируется при изменении данных в элементах управления (Select, Text, Textarea);
- onClick – происходит, если производится щелчок на элементе управления;
- onCopy – происходит перед инициированием копирования;
- onCut - происходит перед инициированием вырезания;
- onDblClick – соответствует двойному щелчку на элементе управления;
- onDeactivate - запускается при деактивизации объекта, между событиями Deactivate и Blur;
- onError – происходит при появлении ошибки, когда вызывается код на выполнение. Имеется в виду ошибка синтаксиса скрипта или времени выполнения, ошибка браузера не учитывается;
- onErrorUpdate – происходит, если ошибка произошла при извлечении информации;
- onFocus – имеет место при выделении элемента управления;
- onKeyDown – соответствует нажатию определенной клавиши;
- onKeyPress – происходит если пользователь удерживает клавишу нажатой;
- onKeyUp – появляется при отпускании ранее нажатой клавиши;
- onLoad – запускается после загрузки web-документа в окно браузера или после загрузки всех фреймов структуры frameset;
- onMouseDown – происходит при нажатии кнопки мыши;
- onMouseMove – происходит при перемещении мыши;
- onMouseOver – происходит при перемещении курсора над элементом
- onMouseOut – происходит при уходе курсора с отмеченного элемента;
- onMouseUp – происходит при отпускании кнопки мыши;
- onMove – появляется при перемещении элемента;
- onPaste - происходит перед инициированием вставки после Beforepaste;
- onReset – происходит при нажатии кнопки Reset в форме;
- onResize – имеет место при ручном или программном изменении размера страницы или элемента на ней;
- onScroll – происходит во время прокрутки документа;
- onSelect – имеет место при выделении текста в поле text или textarea;
- onStop – происходит при нажатии кнопки stop в браузере;
- onSubmit – происходит при щелчке пользователя на кнопке Submit, т.е. при отправке формы на сервер;
- onUnload – происходит при выгрузке страницы браузером.
События применяются для обрабоки действий пользователя в режиме реального времени.

Добавлено (2010-02-10, 17:57)
---------------------------------------------
1) Свойства объекта window:
- defaultStatus - помещает текст в строку состояния браузера.

2) Свойства объекта document:
- bgColor – сообщает фоновый цвет текущей страницы в шестнадцатеричном коде;
- fgColor – сообщает цвет текста, заданный по умолчанию;
- linkColor – сообщает цвет ссылки;
- alinkColor – сообщает цвет активной ссылки;
- vlinkColor – сообщает цвет посещенной ссылки;
- location – сообщает URL адрес страницы;
- referrer – сообщает адрес предыдущей посещенной страницы;
- title – сообщает заголовок документа, который определен после тега <title>;
- lastModified – сообщает дату последних изменений в странице, т.е. дату ее сохранения;
- cookie – представляет строку с небольшим количеством информации, сохраняемой браузером в файле cookies.txt на клиентском компьютере;
- anchors – работает с массивом всех якорей в текущем документе;
- forms - массив объектов, соответствующих формам, созданных в тегах html в исходном порядке;
- links – представляет массив объектов link.

3) Свойства объекта history:
- length – сообщает количество ранее посещенных страниц.

4) Свойства объекта location:
- hash - возвращает часть URL адреса, начинающуюся с символа #;
- href - возвращает строку, содержащую полный URL адрес текущего документа;
- host - сообщает URL адрес и порт, если сервер прикрепил пользователя к специальному порту;
- hostname - сообщает только URL адрес;
- pathname - извлекает из URL адреса часть, содержащую путь;
- port - извлекает из URL номер порта;
- protocol - сообщает метод доступа к файлу;
- search - сообщает любой запрос, присоединенный к URL;
- target – возвращает имя окна, в которое будет помещен ответ после посылки данных формы серверу.

5) Свойства объекта navigator:
- appName – сообщает название Web-браузера;
- appVersion – сообщает версию браузера и его платформу;
- appCodeName – сообщает кодовое имя браузера;
- userAgent – сообщает заголовок протокола, используемого браузером при работе с сервером.

Добавлено (2010-02-24, 16:33)
---------------------------------------------
<script language="JavaScript">
<!--//Часы на странице
function Clock(){
var time = new Date()
var hour = time.getHours()
var minute = time.getMinutes()
var second = time.getSeconds()
var t=" "+hour
t += ((minute<10) ? ":0" : ":") + minute
t += ((second<10) ? ":0" : ":") + second
document.clockForm.digits.value = t
id = setTimeout ("Clock()", 1000)
}
//-->
</script>
<body onLoad=Clock()>
<form name=clockForm>
<input type=text name=digits size=16 onCick=Clock()>

</form>

Добавлено (2010-03-03, 16:31)
---------------------------------------------
6) Свойства объекта button:
- name - возвращает строку со значением атрибута name объекта, ссылается на внутреннее имя объекта, а не на названия кнопок;
- value - возвращает значение объекта, т.е. надпись на кнопке.
Эти же свойства имеют объекты checkbox, submit.

7) Свойства объекта checkbox:
- checked - возвращает логическое значение, представляющее текущее состояние отдельного флажка или переключателя;
- defaultChecked - логическое значение, указывающее состояние флажка или переключателя по умолчанию.

8) Свойства объекта frame:
- frames – массив кадров-потомков, созданных с помощью тега <frameset>;
- defaultStatus - выводимое по умолчанию сообщение в строке состояния;
- status - устанавливает текст основного или временного сообщения в строке состояния;
- parent - ссылается на вызывающий документ в текущем кадре и дает доступ к другим кадрам, созданным тем же самым тегом <frameset>;
- top - ссылается на окно высшего уровня, содержащее фреймы или наборы вложенных фреймов;
- self - ссылается на текущее окно или форму;
- window – используется в качестве синонима текущего окна;
Это свойство также относится к объекту window.

9) Свойства объекта hidden:
- defaultValue - первоначальное содержимое текстовых элементов формы, это свойство также относится к объектам password, text и textarea.
- name - возвращает строку со значением атрибута;
- value - возвращает значение объекта и зависит от его типа.

10) Объект link имеет те же свойства, что и location.

11) Свойства объекта math:
- E – основание натурального логарифма;
- LN2 – натуральный логарифм числа 2;
- LN10 – натуральный логарифм числа 10;
- LOG2E - логарифм экспоненты по основанию 2;
- SQRT1_2 – квадратный корень из 0.5;
- SQRT2 – квадратный корень из 2.

12) Свойства объекта password:
Данный объект имеет свойства defaultValue, описанное для hidden, name и value, описанные для button.

13) Объект reset имеет те же свойства, что и button.

14) Свойства объекта string:
- length - длина строки в виде числа, или 0 для пустой строки.

15) Объекты text и textarea имеют те же свойства, что и password.
С помощью свойств производится распознавание и изменение настроек объектов JavaScript.

Добавлено (2010-03-03, 16:32)
---------------------------------------------
Доступ к объектам, к элементам web-страницы и управление браузером на программном уровне осуществляется с помощью не только свойств, но и методов. Методы используются объектами для выполнения определенных действий. Они связывают объект и пример метода, который находится в круглых скобках и передает то, что происходит, когда метод воздействует на объект.
Приведем основные методы, используемые с объектами, представленными на рис.9.
1) Методы объекта window:
- alert – в окне браузера отображается окно сообщения;
- open – открытие нового окна браузера для вывода нового документа;
- prompt – вызывает окно запроса пользователю;
- confirm - в окне браузера отображается окно сообщения, в котором присутствует кнопка «отмена»;
- setTimeout - выполняет выражение по истечении промежутка времени;
- clearTimeout - отключает задержку таймера, установленную с помощью метода setTimeout.

2) Методы объекта document:
- clear - очищает окно браузера;
- close - закрывает текущий вывод и показывает содержимое документа на экране;
- open - создает новый документ;
- write – производит запись данных на текущей web-странице;
- writeln – производит запись данных на текущей web-странице и завершает текст символом перевода строки;

3) Методы объекта history:
- go –позволяет перемещаться по списку history.length;
- back - вызывает переход к предыдущему URL из списка просмотренных в текущей сессии документов;
- forward - загружает следующий документ из списка URL, просмотренных за текущий сеанс.

4) Методы объекта array:
- concat – объединяет два массива в один;
- join – объединяет элементы массива в одну строку;
- pop – удаляет последний элемент из массива и возвращает его значение;
- push – добавляет один или более элементов в конец массива и возвращает значение последнего добавленного элемента;
- reverse – переставляет элементы массива в обратном порядке;
- shift – удаляет первый элемент массива и возвращает его значение;
- slice – создает сечение массива в виде нового массива;
- splice – добавляет или удаляет элементы из массива;
- sort – сортирует элементы массива;
- unshift – добавляет один или более элементов в начало массива и возвращает новую длину массива.

5) Методы объекта date:
- getDate – возвращает число месяца;
- getDay – возвращает день недели в виде целого числа от 0 (воскресенье) до 6 (суббота);
- getHours - возвращает час суток в 24-х часовом формате (от 0 до 23);
- getMinutes - возвращает минуты как целое от 0 до 59;
- getMonth - возвращает номер месяца в году, как целое число от 0 (январь) до 11 (декабрь), поэтому перед выводом значения на экран к переменной, обозначающей месяц, необходимо прибавить единицу;
- getSeconds - возвращает число секунд, как целое число от 0 до 59;
- getTime - возвращает текущее значение Date в виде количества миллисекунд, прошедших с начала 1970 года;
- getTimezoneOffset - возвращает разницу в минутах между временем по Гринвичу и местным временем;
- getYear - возвращает год объекта Date минус 1900;
- parse - преобразует строку даты в количество миллисекунд, прошедших с полуночи 1 января 1970 года;
- setDate – устанавливает день месяца в интервале от 1 до 31;
- setHours – устанавливает текущий час;
- setMinutes – устанавливает минуты текущего времени;
- setMonth – устанавливает значение месяца;
- setSeconds – устанавливает секунды;
- setTime – устанавливает значение объекта Date;
- setYear – устанавливает значение года.

6) Методы объекта button:
- click - моделирует щелчок на объекте левой кнопкой мыши.
Такое же значение этот метод имеет для объектов reset и submit.

7) Методы объекта checkbox:
- click - устанавливает флажок и присваивает ему значение on;

8) Методы объекта form:
- submit - производит действие, подобное щелчку по кнопке Submit;

9) Методы объекта frame:
- setTimeout, clearTimeout – имеют описание аналогичное этим же методам объекта window;