Создание и разработка баз данных в Access

Вебмастер | Программы | Хостинг | Начальные сведения

HTML-код | Каскадные стили | JavaScript | PHP - серверный скрипт | MySql - база данных | Продвижение | Сервисы

JavaScript: получить все ссылки на странице

Все ссылки веб-страницы хранятся в массиве links. Соответственно, чтобы заполучить все ссылки, нам необходимо пройтись циклом по массиву links и вывести нужные свойства. Вот очень простой код на javascript:
<script>
var s = '';
for ( i=0; i < document.links.length; i++ ){
   s += '<br><a href="' + document.links[i].href + '">' + document.links[i].href + '</a> :: ' + document.links[i].innerHTML;
}
document.write(s);
</script>

Самое замечательное, что мы можем посмотреть ссылки на любой веб-странице, для этого даже не обязательно иметь доступ как администратор к редактированию страниц: надо вытянуть код javascript в одну строчку, добавить перед ним само слово javascript с двоеточием и вставить в адресную строку любой открытой вебстраницы - весь массив ссылок сразу выведется на этой же странице! Вот так просто можно работать с жава-скриптами и массивом ссылок links.

Другие свойства ссылок, доступные в javascript

Как и любой другой элемент разметки веб-страницы, каждая гиперссылка имеет свои свойства, к которым мы можем обратиться используя жаваскрипт. В приведенном выше примере мы прошлись циклом по всему массиву ссылок, но для каждой ссылки мы взяли для вывода лишь два ее свойства:
якорь (.href: собственно ссылка) и текст ссылки (.innerHTML: текст, который выводится на странице).

Чтобы увидеть список свойств ссылки, не обязательно лезть в мануалы. Стоит всегда иметь под рукой небольшой код javascript, который нам позволит вывести все свойства ссылки (как и любого друго элемента). Ссылка - это объект, который обладает свойствами. Пройдемся циклом по свойствам первой ссылки из массива links: links[0].
Для того, чтобы увидеть все свойства элемента разметки веб-страницы, мы используем другой цикл: for ( variable in object ) (в нашем случае в качестве объекта мы взяли links[0]).
Код (document.links[0][variable] позволит получить нам значение свойства объекта):
<script>
var s = '';
for ( variable in document.links[0] ){
   s += '<br>' + variable + ': ' + document.links[0][variable];
}
document.write(s);
</script>