Справочкик по JavaScript - white cat
Шрифт:
Интервал:
Закладка:
images
edocument.images[0]
lastModified
Возвращает дату последнего изменения документа в виде строки.
layers
Это массив слоёв расположенных в документе
linkColor
Задает или возвращает цвет гиперссылок в документе. В IE работает правильно, только если цвет гипессылок установлен атрибутом LINK.
links
Массив содержит в себе ссылки на все объекты ссылок в текущем документе, нумерация начинается с 0.
location
Установка нового URL адреса свойству location приведёт к загрузке странички находящейся по этому адресу
URL
Свойство только для чтения, возвращает адрес текущей загруженной в браузер странички.
parentWindow
Свойство document.parentWindow возвращает ссылку на объект window, который содержит текущий документ.
plugins
Аналог document.embeds
protocol
Возвращает версию протокола, с помощью которой и осуществлялся доступ к текущему документы
readState
Возвращает текущее состояние документа.
referrer
Возвращает Интернет-адрес Web-страницы, с которой пользователь перешел на текущую страницу. Если же пользователь перешел на нее простым набором адреса в строке Web-обозревателя, возвращается пустая строка.
script
Возвращает массив всех элементов SCRIPT содержащихся в документе. Имеется возможность не только просматривать массив, но и добавлять/удалять элементы.
security
Это свойство предоставляет информацию о типе защиты, если таковая применяется в текущем документе.
selection
Свойство document.selection возвращает объект selection, содержимое которого отображается в окне браузера как выделение основного текста. Это выделение может осуществляется пользователем или с помощью сценария в объекте TextRange
styleSheets
Массив styleSheets содержит ссылки на все элементы STYLE, присутствующие на текущей страничке.
title
Возвращает заголовок Web-страницы, заданный в теге <TITLE>
URL
Задает или возвращает интернет-адрес текущей Web-страницы.
URLUnencoded
Свойство возвращает строку URL-адреса в виде кода. Это означает, что все не буквенно-цифровые символы (имеются ввиду только цифры и буквы латинского алфавита) будут перекодированны в их URL-представление. т.е.знак % и шестнадцатеричный код символа ( например пробел будет выглядеть как %20).
vlinkColor
Задает или возвращает цвет посещенных гиперссылок в документе. В IE работает правильно, только если цвет посещенных гиперссылок установлени атрибутом VLINK.
wigth
Ширина документа в пикселях.
Методы
clear()
Этот метод предназначен для очистки текущего документа из окна браузера.
close()
Заставляет Web-страницу немедленно обновить свое содержимое после использования методов write. Метод не принимает параметров и не возвращает значения.
createAttribute()
createAttribute( "Имя Атрибута" )
Генерирует объект атрибута и возвращает ссылку на него. При вызове метода указывается только название атрибута, таким образом, в сценарии назначается значение свойству nodeValue, а затем новый атрибур добавляется в существующий элемент с помощью метода *Возвращает: ссылка на объект атрибута
setAttributeNode
var newAttr = document.createAttribute("width");newAttr.nodeValue = "80%";document.getElementById("myTable").setAttributeNode(newAttr);
createElement()
createElement( "Имя дескриптора" )
Генерирует объект атрибута для любого дескриптора HTML(или XML), указанного в качастве параметра. Этот объект официально не является частью объектной модели текущего документа, так как он в состав документа пока ещё не входит. Но данный метод используется для вызова объекта элемента, который в конечном счёте будет помещён в документ.
elementFromPoint()
elementFromPoint({X}, {Y})
Возвращает ссылку на элемент, находящийся по координатам X и Y. Метод принимает два параметра, задающие в пикселях горизональную и вертикальную координаты соответственно.
getElementById()
getElementById({Имя элемента})
Возвращает элемент, имя которого передано в качестве параметра. Имя элемента страницы задается атрибутом ID. Метод принимает единственный параметр - имя элемента страницы.
getSelection()
Возвращает строку, содержащую текст, выделенный пользователем на странице. Метод не принимает параметров.
write()
write({Текст})
Записывает текст или HTML-код, переданный как параметр, в текущее место документа.
writeLn()
writeLn({Текст})
То же самое, что write, но в конце добавляет символ возврата каретки и перевода строки.
Коллекция объектов
Коллекция - это своего рода массив объектов, проиндексированный не только по числовым номерам элементов, но и по их именам, и имеющий свойства и методы. Коллекция отличается от ассоциативного массива именно наличием свойств и методов, т.е. коллекция - сама по себе объект.
Рассмотрим, например, коллекцию images, которую включает в себя объект document. Вы можете получить доступ к отдельным ее элементам по порядковому номеру или уникальному имени.
document.images.item(1)document.images("iamge1")
Заметьте, что мы указываем индекс элемента коллекции не в квадратных, а в круглых скобках, потому что он фактически является аргументом функции-метода item, поддерживаемой всеми коллекциями. Имя этого метода можно опускать.
document.images(1)document.images("image1")
Все элементы Web-страницы нумеруются в порядке их появления в HTML-коде. А уникальные имена задаются специальным атрибутом ID, доступным практически во всех тегах.
<IMG src="img1.gif" id="image1"><SCRIPT><!--var someImage = document.images("image1");--></SCRIPT>
Для некоторых тегов (в частности <IMG> и <FRAME>) доступен также атрибут NAME, выполняющий ту же функцию, что и ID.
Коллекция all представляет все элементы Web-страницы без исключений, в том числе и изображения. К элементам этой коллекции можно обращаться по номеру (нумеруются они в порядке появления в HTML-коде) или по имени.
document.all(8)document.all("iamge1")
Атрибут ID требует уникальности имен всех элементов, но только формально. Реально же на странице могут встретиться два или более элемента с одинаковыми именами. В таком случае нужно будет указать второй индекс
document.all("image1", 2)
или выражение document.all("image1") вернет коллекцию всех изображений с именем image1.
Также все коллекции имеют свойство length, вызывающее количество элементов коллекции. Надо отметить, что элементы коллекции нумеруются с нуля, поэтому последний ее элемент будет иметь номер length-1.
Некоторые коллекции могут иметь методы для добавления и удаления элементов и других целей.
Подчиненные объекты и коллекции объекта document
Объект document содержит внутри себя множество подчиненных объектов и коллекций. В следующей таблице перечисленны свойства, возвращающие ссылки на них, и приведены описания соответствующих объектов и коллекций.
Коллекция all имеет дополнительный метод tags, позволяющий фильтровать элементы коллекции по их тегу. В качестве параметра этот метод принимает строковое значение нужного тега.
document.all.tags("H1")
Данное выражение вернет ссылку на коллекцию, содержащую только заголовки первого уровня.
Такой же метод поддерживает коллекция links.
Также хочу упомянуть два метода, поддерживаемых Internet Explorer начиная с 5.0. Это методы getElementByName и getElementByTagName. Первый из них возвращает коллекцию элементов со значением атрубута NAME, переданным в качестве параметра. Поскольку атрибут NAME применяется в современном HTML очень редко, польза от этого метода невелика. Второй метод возвращает коллекцию элементов, созданных посредством тега, переданного в качестве параметра.
document.getElementByName("someimage")document.getElementByTagName("H1")
Обращение к элементам страницы
Объект document имеет несколько полезных методов, которые можно использовать в скриптах. Но главное его значение - предоставление доступа к отдельным элементам Web-страницы.Как же можно добраться до отдельного элемента страницы?Прежде всего, через коллекции. Например, коллекцию all:
document.all("image1").outerHTML
Или через коллекцию images:
document.images("image1").outerHTML
IE позволяет опускать ссылку на объект document. Так что можно будет написать и так: