<MyRusakov.ru />

JavaScript, jQuery и Ajax с Нуля до Гуру

JavaScript, jQuery и Ajax с Нуля до Гуру

Видеокурс "JavaScript, jQuery и Ajax с Нуля до Гуру" научит Вас "вдыхать жизнь" в страницы, делая их с потрясающими эффектами и максимальным удобством для пользователя.

Курс научит Вас писать скрипты на JavaScript, а также обучит использованию библиотеки jQuery и технологии Ajax.

Практически любой красивый сайт (с красивыми галереями изображений, слайдерами, плавными переходами и так далее) использует jQuery. А практически на любом серьёзном сайте вовсю используется технология Ajax, которая делает работу с сайтом максимальной удобной.

Поэтому курс "JavaScript, jQuery и Ajax с Нуля до Гуру" Вам просто необходим, если Вы хотите создавать по-настоящему достойные сайты.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Объект Link в JavaScript

Объект Link в JavaScript

При работе с ссылками в JavaScript используется объект Link. Собственно, данный объект является очередным свойством объетка Document. И в этой статье я Вам расскажу о том, как работать с объектом Link, который по сути представляет собой HTML-ссылку.

Вновь мы с Вами не будем разбирать конструкторы и методы за их ненадобностью. А сразу приступим к свойствам Link. И начнём со свойства hostname. Это свойство содержит часть URL, которая отвечает за имя хоста:

<a href = 'http://myrusakov.ru/mysql.html'>Ссылка</a>
<script language = 'javascript'>
  document.write(document.links[0].hostname);
</script>

В данном примере мы создали сначала ссылку, а уже в скрипте получили объект Link, используя массив links в объекте Document. Данный массив содержит все ссылки на странице. Поэтому мы легко можем всегда к нему обратиться. А, получив объект Link из массива, прочитали его свойство, значение которого оказалось: "myrusakov.ru". Также это свойство мы можем изменить:

document.links[0].hostname = "google.ru";

Сразу после выполнения скрипта адрес, на который ведёт данная ссылка, поменяется.

Второе свойство объекта Link - это pathname, которое показывает путь в ссылке. Давайте лучше сразу приведу пример:

document.write(document.links[0].pathname);

В результате Вы увидите следующее: "/mysql.html". Разумеется данное свойство можно менять.

И последнее свойство, которые мы рассмотрим, называется href. Оно объединяет предыдущие два и содержит путь, указанный в атрибуте href:

document.write(document.links[0].href);

На выходе такая строка: "http://myrusakov.ru/mysql.html". Как и все предыдущие свойства, свойство href у объекта Link также доступно на запись, и Вы можете его смело менять.

Это все три свойства объекта Link в JavaScript, достойные внимания, и которые достаточно часто используются. Есть и другие свойства, но их использование крайне редкое. Как правило, хватает и этих трёх. Кстати, на картинке к этой статье указаны ещё несколько других свойств.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (2):

neo321654 neo321654 06.06.2013 20:14:28

Здравствуйте, не могу понять почему у массива document.links не работает метод join()? Вот код:<a href = 'http://myrusakov.ru/mysql.html'>Ссылка</a> <a href = 'http://myrusakov1.ru/mysql.html'>Ссылка</a> <script language = 'javascript'> var z = document.links; document.write(z.join('')); </script>

Ответить

Admin Admin 06.06.2013 23:29:30

Для разбора документов надо использовать DOM, либо jQuery. Различные links и прочие элементы уже не работают в современных браузерах.

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.