Javascript.RU

window.location

Получает/устанавливает URL окна и его компоненты

Описание, примеры

Значением этого свойства является объект типа Location.

Объект Location

Метод toString этого объекта возвращает URL, а различные свойства позволяют получить/установить отдельные компоненты адреса.

Для некоторых строковых операций необходимо явно преобразовать Location к строке:

window.location.toString().charAt(17)

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

Все следующие свойства являются строками.
Колонка "Пример" содержит их значения для URL:

  • http://www.google.com:80/search?q=javascript#test
Свойство Описание Пример
hash часть URL, которая идет после символа решетки '#', включая символ '#' #test
host хост и порт www.google.com:80
href весь URL http://www.google.com:80/search?q=javascript#test
hostname хост (без порта) www.google.com
pathname

строка пути (относительно хоста) /search
port номер порта 80
protocol протокол http:
search часть адреса после символа ?, включая символ ? ?q=javascript

В Firefox есть баг: если hash-компонент адреса содержит закодированные (см. encodeURIComponent) символы, свойство hash возвращает раскодированный компонент. Например, вместо %20 будет пробел и т.п. Другие браузеры ведут себя корректно и не раскодируют hash.

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

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

При изменении любых свойств window.location, кроме hash, документ будет перезагружен, как если бы для модифицированного url был вызван метод window.location.assign().

Пример: перейти на документ по адресу
function goJs() { 
   window.location = "http://javascript.ru"
}
Пример: вывести свойства текущего location
function showLoc() {
   var x = window.location;
   var t = ['Property - Typeof - Value',
            'window.location - ' + (typeof x) + ' - ' + x ];
   for (var prop in x){
     t.push(prop + ' - ' + (typeof x[prop]) + ' - ' +  (x[prop] || 'n/a'));
   }
   alert(t.join('\n'));
}

Пример: сделать запрос с новыми параметрами
function sendData(dat)
{
  window.location.search = dat;
}

При вызове sendData('My Data') на сервер отправится строка
с параметрами "?My%20Data".


Автор: Гость (не зарегистрирован), дата: 27 октября, 2009 - 16:12
#permalink

Как можно получить параметр из URl? Только в ручную разбирая search


Автор: e1f, дата: 29 октября, 2009 - 16:02
#permalink
decodeURIComponent(location.search.substr(1)).split('&')

Автор: Гость (не зарегистрирован), дата: 12 декабря, 2009 - 16:56
#permalink

А еще пробежаться по массиву, разбить его элементы по '=' и составить хеш. Будет вообще замечательно.


Автор: Vladimir_O, дата: 11 декабря, 2009 - 18:29
#permalink

кстати объект document тоже содержит в себе ссылку на объект location.


Автор: helichrysum (не зарегистрирован), дата: 17 декабря, 2009 - 12:12
#permalink

Кто знает как запретить чужому сайту из фрейма трогать location.
Если кто не понял, в чем дело, попробуйте Яндекс во фрейм положить...


Автор: Гость (не зарегистрирован), дата: 9 декабря, 2010 - 13:39
#permalink

vkontakte также закрыт..


Автор: denisx (не зарегистрирован), дата: 4 марта, 2011 - 19:48
#permalink

вот чтобы не воровали контент чужих страниц клиентом - так и сделано


Автор: Гость (не зарегистрирован), дата: 22 мая, 2012 - 13:56
#permalink

Вконтакте hash находиться в объекте flashVars.


Автор: Бобр, дата: 22 января, 2010 - 21:41
#permalink

Существует ли простой способ разбора параметров location.search ?
То есть функция, я ей - параметр, она мне - его значение.

Если стандартной такой функции не существует, то наверняка уже кто-то писал такую функцию. Чего мне велосипед то изобретать? Поделитесь, пожалуйста.


Автор: SoRx, дата: 18 июня, 2010 - 17:47
#permalink
function parseGET() {
  // Обработка GET-запросов
  var tmp = new Array();    // два вспомогательных
  var tmp2 = new Array();  // массива
  get = new Array();

  var url = location.search;	// строка GET запроса
  if(url != '') {
    tmp = (url.substr(1)).split('&');	// разделяем переменные
    for(var i=0; i < tmp.length; i++) {
      tmp2 = tmp[i].split('=');		// массив param будет содержать
      get[tmp2[0]] = tmp2[1];		// пары ключ(имя переменной)->значение
    }
  }
}

Запускаем функцию (например: "window.onLoad = parseGET;") - получаем массив get[_параметр_]=_значение_.


Автор: Гость (не зарегистрирован), дата: 26 августа, 2010 - 03:18
#permalink

Только вот ты забыл, что в JS нету ассоциативных массивов и вот эта строка
get[tmp2[0]] = tmp2[1];
не имеет смысла до тех пор, пока она
get = new Array();

Рабочая версия (возвращает объект)

function parseUrlQuery() {
    var data = {};
    if(location.search) {
        var pair = (location.search.substr(1)).split('&');
        for(var i = 0; i < pair.length; i ++) {
            var param = pair[i].split('=');
            data[param[0]] = param[1];
        }
    }
    return data;
}

Автор: trikadin, дата: 28 апреля, 2011 - 01:57
#permalink

По секрету... Ассоциативные массивы в JS есть. И, что доставляет, это - одная из важнейших его частей.


Автор: zaycker, дата: 14 мая, 2012 - 15:49
#permalink

Кхм, и называется оно "Объект"? ) В js нет ассоциативного массива, по крайней мере в таком виде, чтобы инстанс некоего типа имел возможность присваивания своим именованным свойствам неких значений и при этом сохранял возможности "массива", которые являются привычными и устоявшимися (конкатенация массивов, сортировка по ключу/значению и прочее). Объект - хеш - назвать ассоциативным массивом ввиду отсутствия нативных "массивных" возможностей можно с натяжкой. Принимая во внимание тот факт, что в спеке ECMA-262 ни разу не встречается словосочетание "associative array" или слово "hash". Это народные обзывательства, реально же в js ассоциативных массивов нет в должном привычном объёме.


Автор: nofx, дата: 9 ноября, 2010 - 23:32
#permalink

а как cделать так,чтобы location.href=cсылка , загружало ссылку в определенный фрейм (то есть target)?


Автор: B@rmaley.e><e, дата: 10 ноября, 2010 - 00:10
#permalink
frameWindow.location.href = '...';

Где frameWindow - window фрейма (Можно получить как document.getElementById('frame_ID').contentWindow)


Автор: guitarslave, дата: 22 декабря, 2010 - 00:34
#permalink

В статье описан баг в firefox'e, никто не знает как его пофиксить? Очень надо! Заранее спасибо!


Автор: Барин, дата: 26 декабря, 2010 - 16:46
#permalink

alert(window.location.hash) -
в ИЕ нормально возвращает, то что идёт после решётки, остальные браузеры возвращают пустоту. Подскажите, пожалуйста, что можно с этим сделать.


Автор: zhd (не зарегистрирован), дата: 4 марта, 2014 - 23:24
#permalink

alert(window.location.hash.toString());

Эта конструкция прекрасно все возвращает и в Mozilla Firefox


Автор: Гость (не зарегистрирован), дата: 28 декабря, 2010 - 15:05
#permalink

Подскажите пожалуйста, можно ли сделать что бы было выпадающее меню с ссылками а при нажатии на ссылку они выгружались в Iframe?


Автор: Sa1ntass (не зарегистрирован), дата: 5 января, 2011 - 19:40
#permalink

Хммм... А как сделать что бы пользователь переходил не на ту странице ссыль которой нажал а на другую используя javascript который будет записываться в адрессную строку.


Автор: Гость (не зарегистрирован), дата: 17 марта, 2011 - 18:55
#permalink

есть

как в a.js понять какой query ему отдали, ибо location.search - содержит есессно query основной страницы, и не подходит?


Автор: Гость (не зарегистрирован), дата: 17 марта, 2011 - 18:55
#permalink

есть < script src='a.js?some'> < /script>

как в a.js понять какой query ему отдали, ибо location.search - содержит есессно query основной страницы, и не подходит?


Автор: NewLifeMan (не зарегистрирован), дата: 22 марта, 2011 - 09:26
#permalink
function parseUrl(_url)
   {
    var params = new Object();
    
    var t1 = _url.split('?');
    if (t1.length > 1)
       {
        var t2 = t1[1].split('#');
        if (t2.length > 0)
           {
            var t3 = t2[0].split('&');
            	 
            if (t3.length > 0)
               {
                var t4;
 
                for (var i=0; i<t3.length; i++)
                    {
                     t4 = t3[i].split('=');
                        
                     if (t4.length > 0)
                       {
                        params[t4[0]] = (t4[1] || 'n/a');
                       }
                   }
               }
           }
       }
    
    return params;
   }


function print_r(data)
   {
    var t = new Array();
        
    for (var prop in data)
        {
         t.push('data['+ prop +'] - '+  (data[prop] || 'n/a'));
        }
    
     return t.join('\n');
    }



var _script  = document.getElementById('id_скрипта');
if (_script)
   {
    var data = parseUrl(_script.src);
    //alert(data['чего-то там..']);
    alert(print_r(data));
   }

Добавь скрипту ID, потом через document.getElementById получи объект..

Преобразуй строку в объект и работай дальше..
Для примера создана вторая функция - print_r, чтобы проверит результат..


Автор: Гость (не зарегистрирован), дата: 30 марта, 2011 - 20:12
#permalink

Спасибо


Автор: Гость (не зарегистрирован), дата: 12 августа, 2011 - 23:45
#permalink

ну а как содержимое скрипта получить ? плачу 5баксов кто покажет ... jipik(a)bk.ru


Автор: Гость (не зарегистрирован), дата: 13 августа, 2011 - 02:00
#permalink

имется виду внешний скрипт


Автор: B@rmaley.e><e, дата: 13 августа, 2011 - 10:56
#permalink

Содержимое скрипта с другого домена получить нельзя. Со своего можно.


Автор: Гость (не зарегистрирован), дата: 20 декабря, 2014 - 16:26
#permalink

Бред содержимое получается на раз два. ))))))


Автор: Гость (не зарегистрирован), дата: 26 декабря, 2011 - 16:32
#permalink

1


Автор: Гость (не зарегистрирован), дата: 3 марта, 2012 - 23:43
#permalink

При перезагрузке страницы, с помощью метода reload, post данные повторно передаются?


Автор: NikolasGrad, дата: 31 октября, 2012 - 20:59
#permalink

Да передаются.


Автор: false2012 (не зарегистрирован), дата: 26 апреля, 2012 - 12:19
#permalink

немогу понять что это означает:

<html><head></head><body onload="window.location.replace(window.location.toString())"></body></html>

Автор: Darkness Paladin (не зарегистрирован), дата: 27 апреля, 2012 - 17:18
#permalink

это защита от открытия во фрейме. window.location.toString() возвращает не содержимое адресной строки, а адрес, из которого была открыта страница (если ты откроешь чужую страницу страницу во фрейме своего сайта, window.location вернёт не адрес твоего сайта, а адрес страницы). соответственно, если window.location не совпадает с адресной строкой, сработает window.location.replace и произойдёт переход на настоящий сайт.


Автор: false2012 (не зарегистрирован), дата: 13 мая, 2012 - 12:04
#permalink

Спасибо


Автор: assessor, дата: 30 мая, 2012 - 01:03
#permalink

А можно ли обойти эту защиту?


Автор: Гость (не зарегистрирован), дата: 30 апреля, 2012 - 14:35
#permalink

Здравствуйте. Помогите, пожалуйста. Никак не могу сообразить. Мне надо, чтобы по нажатию кнопки шел просчитывались данные и шел переход на другую страницу. У меня переходит на другую страницу, но берет устаревшую из кэша, для просмотра обновленных данных приходится перезагружать страницу вручную. А можно как-нибудь переходить сразу на обновленную страницу или сделать последовательно: сначала переход на другую страницу, а потом её автоматическое обновление?


Автор: Гость (не зарегистрирован), дата: 10 мая, 2012 - 15:47
#permalink

Добавь в ссылку параметр
'&Random=' + new Date().getTime()
Каждый раз при клике Url будет отличаться и страница не будет браться из кэша


Автор: Гость (не зарегистрирован), дата: 30 апреля, 2012 - 15:36
#permalink

А как из вот такого: %D0%AE%D1%80%D0%B8%D0%B9 получить нормальный текст?


Автор: Metal (не зарегистрирован), дата: 16 мая, 2012 - 16:50
#permalink

decodeURIComponent ?


Автор: Гость (не зарегистрирован), дата: 13 августа, 2012 - 20:19
#permalink

При входе на сайт выдает вот такой код: Что делать?

С этим XML-файлом не связана ни одна таблица стилей. Ниже показано дерево элементов.

var ad=window.location.href.replace(/#(.*)?/,''); setTimeout("window.location.href='"+ad+"?lIE9tp'",'1000')


Автор: Axdr, дата: 30 августа, 2012 - 01:40
#permalink

Со свойством hash какая-то чехарда. Причем, в разных браузерах по-разному.
Если после решетки что-то есть, то hash включает решетку. Если нет, то не включает, кроме IE8. Зато в IE8 пишешь window.location.hash = "", получаешь window.location.hash - "#"


Автор: cost1k, дата: 13 ноября, 2012 - 16:24
#permalink

подскажите, как открыть ссылку window.location = '...' в новом табе (как через тег с атрибутом target="_blank").


Автор: Sterm (не зарегистрирован), дата: 23 марта, 2013 - 15:10
#permalink

Тоже интересует этот вопрос!


Автор: VorteX DrAgON (не зарегистрирован), дата: 22 ноября, 2012 - 08:40
#permalink

параметры, которые передавались в явном виде получить можно - это хорошо. А вот можно ли получить скрытые параметры, которые через POST передавались и сидят "внутри" браузера и не отображены в url?


Автор: arzai (не зарегистрирован), дата: 14 января, 2013 - 00:46
#permalink

Почему-то после использования location не работает клавиша backspace.

Например после window.location.assign(путь); открывается новая страница, кнопка "назад" в браузере работает, а клавиши backspace - нет. Как сделать, чтобы после перехода backspace работала?


Автор: ВЕТЕРИНАР (не зарегистрирован), дата: 13 мая, 2013 - 16:47
#permalink

Как сделать указание на текущую страницу в браузере?


Автор: zema888, дата: 7 августа, 2013 - 08:27
#permalink

Выше спрашивали: " У меня переходит на другую страницу, но берет устаревшую из кэша, для просмотра обновленных данных приходится перезагружать страницу вручную. А можно как-нибудь переходить сразу на обновленную страницу или сделать последовательно: сначала переход на другую страницу, а потом её автоматическое обновление?"
У меня такая же проблема, но рецепт написанный там "Добавь в ссылку параметр
'&Random=' + new Date().getTime()
Каждый раз при клике Url будет отличаться и страница не будет браться из кэша"
мне не помогает.
Может как то можно заставить браузер обновить кеш? alert() помогает, но мне надо ,чтоб автоматически работала, не кому будет ок нажать.


Автор: Гость (не зарегистрирован), дата: 3 января, 2015 - 19:21
#permalink

if(!name){
name=new Date().getTime().toString()
location.reload(true)}

Однако в Опере, с её агрессивным кэшированием, это не работает.


Автор: olegalimov, дата: 10 октября, 2015 - 19:36
#permalink

почему по этой строке не переводит посетителя?

echo '<script language="javascript"> window.location("https://webvm.ru:1500/ispmgr?&func=auth&username='.$login.'&password='.$pass.'");</script>';

Отправить комментарий

Приветствуются комментарии:
  • Полезные.
  • Дополняющие прочитанное.
  • Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
    Для остальных вопросов и обсуждений есть форум.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.
Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешены HTML-таги: <strike> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <i> <b> <pre> <img> <abbr> <blockquote> <h1> <h2> <h3> <h4> <h5> <p> <div> <span> <sub> <sup>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
Антиспам
7 + 1 =
Введите результат. Например, для 1+3, введите 4.
 
Поиск по сайту
Реклама
Содержание

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное

Дерево всех статей

Последние комментарии
Последние темы на форуме
Forum