Основы программирования на JavaScript | страница 37



[x]. document.anchors - массив, содержащий все анкеры на текущей странице;

[x]. document.applets - массив, содержащий все апплеты на текущей странице;

[x]. document.styleSheets - массив, содержащий все таблицы стилей на текущей странице;

[x]. window.frames - массив, содержащий все фреймы на текущей странице.

Как мы видели в предыдущей лекции, почти все эти свойства можно продублировать с помощью document.getElementsByTagName. Чтобы получить все изображения на странице, можно воспользоваться, например, document.getElementsByTagName('IMG');. Существует три подобные функции:

[x]. document.getElementById - возвращает один элемент на основе его ID;

[x]. document.getElementsByName - возвращает массив элементов, определенных по имени. В отличие от ID многие элементы могут иметь на странице одинаковые имена;

[x]. document.getElementsByTagName - возвращает массив элементов, определенных по имени тега. Имя тега является просто именем тега HTML, т.е. 'DIV', 'IMG', 'TABLE', 'A 'и т.д.

Существует еще одно свойство, document.all, которое выдает массив всех элементов на странице. Однако document.all поддерживается не всеми браузерами, поэтому предполагается, что вместо этого используется функция document.getElementsByTagName('*'), которая также вернет все элементы на странице.

document.body ссылается на тег , где должен предположительно находится весь контент. Весь DOM сайта вложен в document.body. Кроме этого, необходимо использовать document.body для определения, что документ был прокручен, и для получения размера окна. К сожалению, это является одной из наиболее сложных вещей, применяемых сегодня в Web-браузерах.

Существует концепция, называемая "Тип документа", которая задает для Web-браузера определенный набор правил. Изменение типа документа заставляет некоторые свойства переместиться из document.body в document.documentElement, но только некоторые свойства и только для некоторых браузеров.

Проще говоря, это является полным беспорядком, поэтому две следующие функции (будем надеятся) выдадут позицию прокручивания и размеры окна независимо от браузера.


function getScrollPos(){

if (window.pageYOffset){

return {y:window.pageYOffset, x:window.pageXOffset};

}

if(document.documentElement && document.documentElement.scrollTop){

return {y:document.documentElement.scrollTop, x:document.documentElement.scrollLeft};