Window.location

Свойство только для чтения Window.location возвращает объект Location с информацией о текущем расположении документа.

Хотя Window.location представляет собой объект только для чтения Location , вы можете присвоить ему DOMString . Это значит что в большинстве случаев вы можете работать с location как со строкой: location = ‘http://www.example.com’ это синоним для location.href = ‘http://www.example.com’ .

Синтаксис

Примеры

Базовый пример

Пример №1: Переход на новую страницу

Каждый раз, когда объекту location присвоено новое значение, документ будет загружен используя URL как если бы был вызван location.assign() с изменённым URL. Отметим, что настройки безопасности, подобные CORS, могут препятствовать этому эффекту.

Пример №2: Принудительная перезагрузка текущей страницы с сервера

Пример №3

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

Пример №4: Отображение свойств текущего URL в диалоге alert

Пример №5: Отправка строки данных на сервер через изменение свойства search

Текущий URL с добавлением «?Some%20data» отправляется на сервер (если сервером не предпринимается никаких действий, то текущий документ перезагружается за счёт изменения строки search).

Пример №6: Использование закладок без изменения свойства hash

…тоже самое только с анимированной прокруткой страницы:

Форум

Справочник

window.location

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

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

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

Объект Location

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

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

Свойства объекта 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Испробовал вот такой «лобовой» вариант

так вот myhash.length возвращает 0 и при отсутствии хэша, и при варианте site.com/# и при варианте site.com/page.html# — и НЕ ЧИСТИТ этот чертов завершающий #

результат аналогичный: site.com/# решетка гордо в URL

Решением оказался вот такой ход:

Теперь завершающий пустой хэш остается только, если вызывается та же самая страница, то есть без перехода на новый URL (например, на ссылке «Домой» остался такой аппендикс).

Для простого получения адреса текущей, обобразится на экране, стрницы —

document.write(location ); // получить адрес текущей страницы

У меня с некоторых компов значение document.location.hostname == null.
Это при первой загрузке страницы, если страницу обновить, то встает нормальное значение, но скрипт-то отрабатывается в первый раз.
Из-за чего такое может быть?

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

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

Великие посты! Я на самом деле готовлюсь через эту информацию, очень полезен мой друг. happy wheels

Всем привет.
У меня есть аудио поток m3u и когда переключаешься с wifi на 3g он прекращается и выдает ошибку:
Failed to load resource: net::ERR_NETWORK_CHANGED

Можно ли как то скриптом чекать эту ошибку и если она есть то перезагружать не страницу а область () ?

Link exchange is nothing else however it is simply placing the other person’s website pokemon masters cheats link on your page at proper place and other person will also do same in favor of you.

Живопись фотографии бесплатно, цветные шаблоны страниц и пустые картинки включают в себя большую коллекцию для раскрашивания. Надежные и высококачественные цветовые шаблоны

What’s the difference between window.location= and window.location.replace()?

Is there a difference between these two lines?

2 Answers 2

window.location adds an item to your history in that you can (or should be able to) click «Back» and go back to the current page.

window.location.replace replaces the current history item so you can’t go back to it.

assign(url) : Load the document at the provided URL.

replace(url) :Replace the current document with the one at the provided URL. The difference from the assign() method is that after using replace() the current page will not be saved in session history, meaning the user won’t be able to use the Back button to navigate to it.

Oh and generally speaking:

is favoured over:

use location.href or better use window.location.href ;

However if you read this you will gain undeniable proof.

The truth is it’s fine to use but why do things that are questionable. You should take the higher road and just do it the way that it probably should be done.

This code is perfectly correct syntax-wise, logic wise, type-wise you know the only thing wrong with it?

it has location instead of location.href

what about this

what is the value of mystring ? does anyone really know without doing some test. No one knows what exactly will happen here. Hell I just wrote this and I don’t even know what it does. location is an object but I am assigning a string will it pass the string or pass the location object. Lets say there is some answer to how this should be implemented. Can you guarantee all browsers will do the same thing?

This i can pretty much guess all browsers will handle the same.

What about if you place this into typescript will it break because the type compiler will say this is suppose to be an object?

This conversation is so much deeper than just the location object however. What this conversion is about what kind of programmer you want to be?

If you take this short-cut, yea it might be okay today, ye it might be okay tomorrow, hell it might be okay forever, but you sir are now a bad programmer. It won’t be okay for you and it will fail you.

There will be more objects. There will be new syntax.

You might define a getter that takes only a string but returns an object and the worst part is you will think you are doing something correct, you might think you are brilliant for this clever method because people here have shamefully led you astray.

With getters and setters this code would actually work, but just because it can be done doesn’t mean it’s ‘WISE’ to do so.

Most people who are programming love to program and love to get better. Over the last few years I have gotten quite good and learn a lot. The most important thing I know now especially when you write Libraries is consistency and predictability.

Do the things that you can consistently do.

what about var num =+»2″ ?

From what you have learn, from the minds of stackoverflow i am not too hopefully.

If you start following these 2 words consistent and predictable. You will know the right answer to a ton of questions on stackoverflow.

Let me show you how this pays off. Normally I place ; on every line of javascript i write. I know it’s more expressive. I know it’s more clear. I have followed my rules. One day i decided not to. Why? Because so many people are telling me that it is not needed anymore and JavaScript can do without it. So what i decided to do this. Now because I have become sure of my self as a programmer (as you should enjoy the fruit of mastering a language) i wrote something very simple and i didn’t check it. I erased one comma and I didn’t think I needed to re-test for such a simple thing as removing one comma.

I wrote something similar to this in es6 and babel

This code fail and took forever to figure out. For some reason what it saw was

hidden deep within the source code it was telling me «hello world» is not a function.

For more fun node doesn’t show the source maps of transpiled code.

Wasted so much stupid time. I was presenting to someone as well about how ES6 is brilliant and then I had to start debugging and demonstrate how headache free and better ES6 is. Not convincing is it.

I hope this answered your question. This being an old question it’s more for the future generation, people who are still learning.

Question when people say it doesn’t matter either way works. Chances are a wiser more experienced person will tell you other wise.

what if someone overwrite the location object. They will do a shim for older browsers. It will get some new feature that needs to be shimmed and your 3 year old code will fail.

My last note to ponder upon.

Writing clean, clear purposeful code does something for your code that can’t be answer with right or wrong. What it does is it make your code an enabler.

You can use more things plugins, Libraries with out fear of interruption between the codes.

Шпаргалка по window.location

Ищешь данные URL сайта, тогда объект window.location как раз для тебя! Используй его свойства для получения информации об адресе текущей страницы или используй его методы для редиректа, перезагрузки некоторых страниц 💫

В моем примере выше ты заметишь, что

возвращают одно и то же значение. Так в чем же разница. Ну, это связано с номером порта. Давай взглянем.

будет содержать номер порта, тогда как

будет возвращать только имя хоста.

Ты можешь не только вызвать свойства объекта

чтобы получить информацию об URL. Ты можешь использовать его для установки новых свойств и изменения URL. Посмотрим, что я имею в виду.

Вот полный список свойств, которые ты можешь изменить:

Единственное свойство, которое ты не можешь установить, это

Это свойство доступно только для чтения.

который дает тебе информацию о текущем местоположении страницы. Ты также можешь получить доступ к объекту Location несколькими способами.

Объект доступен таким образом, потому что является глобальной переменной в браузере.

Каждый из 4х свойств выше указывают на один и тот же объект

Я лично предпочитаю

и на самом деле не буду использовать

Главным образом потому, что

читается больше как общий термин, и кто-то может случайно назвать свою переменную, которая переопределяет глобальную переменную. Взять, к примеру:

Я думаю, что большинство разработчиков знают, что

является глобальной переменной. Так что у тебя меньше шансов вызвать путаницу. Поэтому я рекомендую использовать

Вот мой личный порядок предпочтений:

Конечно, это всего лишь мои предпочтения. Ты эксперт в своей кодовой базе, лучшего способа нет, лучший всегда тот, который подходит тебе и твоей команде.🤓

Вот определение из MDN

Этот метод возвращает USVString URL. Версия только для чтения

Другими словами, ты можешь использовать его для получения значения

Что касается использования, я не смог найти много информации о том, что лучше; но если ты это сделаешь, пожалуйста, поделись в комментах 😊. Я нашел тест производительности на разницу.

Один момент, который я хочу отметить в отношении этих тестов скорости, заключается в том, что они зависят от браузера. Различные браузеры и версии будут иметь разные результаты. Я использую Chrome, поэтому href вышел быстрее остальных. Так что я буду этим пользоваться. Также я думаю, что он читается более явно, чем

Совершенно очевидно, что

предоставит URL, тогда как

выглядит как нечто, преобразуемое в строку.😅

Оба эти метода помогут тебе перейти по другому URL. Разница в том, что

сохранит твою текущую страницу в истории, поэтому твой пользователь может использовать кнопку «назад» для перехода к ней. Принимая во внимание метод

он не сохраняет его истории. Это немного смущает, да? Меня тоже. Давай пройдемся по примерам.

Мне просто нужно подчеркнуть «текущая страница» в определении. Это страница прямо перед

Теперь ты знаешь, что мы можем изменить свойства

присвоив значение с помощью

Точно так же существуют методы, к которым мы можем получить доступ для выполнения некоторых действий. Итак, что касается «как перенаправить/редиректить на другую страницу», то есть 3 способа.

replace vs assign vs href

Все три перенаправляют, разница связана с историей браузера.

здесь одинаковы. Они сохранят твою текущую страницу в истории, а

— нет. Так что, если ты предпочитаешь опыт создания, когда навигация не может вернуться на исходную страницу, используй

Таким образом, вопрос сейчас:

Я считаю, что это личные предпочтения. Мне больше нравится

потому что это метод, поэтому мне кажется, что я выполняю какое-то действие. Также есть дополнительный бонус в том, что его проще тестировать. Я писал много Jest-тестов, поэтому, используя метод можно просто замокать данные.

Но для тех, которые болеют за

для редиректа страницы. Я нашел тест производительности и он работает в моей версии Chrome быстрее. Опять же, тесты производительности варьируются в зависимости от браузера и разных версий, сейчас это может быть быстрее, но, возможно, в будущих браузерах всё может измениться.

Как это все появилось 👍

Ладно, я готов с вами поделиться как появилась эта шпаргалка. Я гуглил, как редиректить на другую страницу, и столкнулся с объектом

Иногда я чувствую, что разработчик является журналистом или детективом — для того, чтобы собрать всю доступную информацию, приходится много копаться и прочесывать разные источники. Честно говоря, я был ошеломлен материалами, они все были “о разном”, а я просто хотел всё из одного источника. Я не мог найти много полной информации, поэтому я подумал, а расскажу-ка я об этом в шпаргалке!

Ещё больше полезного в наших соц. сетях instagram, facebook, telegram