Получаем адрес страницы с помощью js.

Количество просмотров: 500

Для получения адреса текущей страницы в javascript необходимо воспользоваться объектом location, который содержит информацию об URL страницы, а так же методы позволяющие осуществлять перезагрузку страницы или перенаправление на другой url.

Рассмотрим несколько способов как это можно сделать.


alert(document.location.href);
alert(window.location.href);
alert(location.href);
var url = location.href; // в данной переменной будет храниться строка с текущим урлом.

Можете попробовать каждый из этих способов в консоли браузера. Если у вас браузер Google Chrome то нажмите ctrl+shift+j и в появившемся окне вставьте alert(document.location.href);

Каждый из этих вызовов вернет строку с текущим url страницы. В нашем случае это - http://goodweb.me/webmastering/poluchaem-adres-stranicy-s-pomoshchyu-js/

Свойства объекта Location

Свойство Описание Пример
hash часть URL, которая идет после символа решетки '#' в нашем случае пустая строка ""
host хост c портом "goodweb.me" - в данном случае без порта т.к. он не указан
href полный адрес страницы "http://goodweb.me/webmastering/poluchaem-adres-stranicy-s-pomoshchyu-js/"
hostname хост без порта "goodweb.me"
pathname

строка пути к документу относительно хотса "/webmastering/poluchaem-adres-stranicy-s-pomoshchyu-js/"
port номер порта '' т.к. порт не указан
protocol протокол "http:"
search часть адреса после символа ?, включая символ ? '' т.к. нет get параметров

Методы объекта Location

assign(url) загрузить страницу по данному url
reload([forceget]) перезагрузить страницу по текущему url. Аргумент forceget - принимает булево значение, если оно true, то документ перезагружается всегда с сервера, если false, то браузер может загрузить страницу из кэша, по умолчанию false.
replace(url) заменить текущую страницу на страницу по указанному url. Редирект на другой урл. Отличие от метода assign() заключается в том, что после вызова метода replace() страница не записывается в историю посещений. Это значит, что посетитель не сможет использовать для возврата кнопку браузера "Назад".
toString() возвращает строковое представление URL для объекта Location

В частности интересен метод replace(url); например код location.replace('http://google.ru'); Переместит пользователя на страницу гугла без возможности вернуться на страницу с которой произошло перенаправление. Так же можно использовать и document.location.href='http://google.ru'; В данном случае произойдет перенаправление, но уже с возможностью вернуться.

© 2015-2018 Goodweb.me --- Карта сайта --- info@goodweb.me

Наверх