JavaScript. Основы клиентского программирования. Захаркина В.В. - 24 стр.

UptoLike

ВУЗ: 

СПбГУ | Санкт-Петербург

Составители: 

Рубрика: 

46
window.document.cat_name
• Используя значение атрибута
id и свойство getElementById:
window.document.getElementById('cat_id')
Методы объекта Document
• open() - открывает новый документ; при этом все его
содержимое удаляется.
• close()
- закрывает ранее открытый документ.
• write()
- записывает в документ заданную в качестве аргумента
строку.
• writeln()
- аналогичен предыдущему, но выведенная в
документ строка заканчивается символом перевода строки.
Методы write() и writeln() весьма полезны и часто
используются для динамического формирования содержимого
документа. Вот как, например, можно включить в документ дату его
последнего изменения:
<script type="text/JavaScript">
indow.document.write(document.lastModified);
</script>
Объект Images
Свойства объекта Images
Для смены изображений используется объект Images, вложенный в
объект Document. Каждому HTML-элементу img, встречающемуся в
документе, сопоставляется элемент массива Images со свойствами
src, width, height и так далее (названия свойств соответствуют
47
атрибутам элемента img). Таким образом, решение задачи смены
изображения сводится к изменению значения свойства src
определенного элемента массива Images .
Получить доступ к свойствам изображений можно несколькими
способами. Пусть, например, в документе описано изображение
<img src="images/cat.jpg"
id="cat_id" name="cat_name">
и оно является n-ым изображением, встречающимся в документе.
Тогда следующие конструкции, ссылающиеся на
свойство src
изображения равносильны:
• Обращаемся к элементу массива images , используя его индекс
(индексация начинается с 0):
window.document.images[n-1].src
Этот вариант может быть удобен, когда надо работать с
несколькими последовательно расположенными в документе
изображениями.
• Используем значение атрибута id:
window.document.cat_id.src
• Используем значение атрибута name:
window.document.cat_name.src
Смена изображений
Итак, смена изображения сводится к изменению значения свойства
src определенного элемента массива images. Обращаться к этому
свойству можно любым из описанных ранее способов. Например,
используем атрибут name элемента img.
Сценарий может работать в связи с любым из доступных в языке
событий мыши. Атрибуты onMouseOver, onMouseOut, onClick и
т.д. в HTML 4.0 и выше
могут применяться с большинством

Страницы