Как получить url текущей страницы на JavaScript
Рассмотрим как получить URL текущей страницы в JS целиком, а также по отдельности протокол, доменное имя сайта, GET параметры и значение после решётки (хеша). Полная информация об адресе содержится в объекте « document.location ». Доступ к отдельным элементам получаем через его свойства.
| Свойство | Значение |
|---|---|
| document.location.href | http://realadmin.ru/saytostroy/?page=4#top |
| document.location.protocol | http: |
| document.location.host | realadmin.ru |
| document.location.pathname | /saytostroy/ |
| document.location.search | ?page=4 |
| document.location.hash | #top |
Получение значений GET параметров
Javascript предоставляет специальный объект для работы с GET параметрами. С его помощью можно проверить существование параметра по названию и получить значение.
Для примера возьмем адрес:
Извлекём значения «page» и «sortby»:
URLSearchParams — объект не доступен в устаревших версиях браузеров, например во всех версиях IE.
Для проверки существования параметров, воспользуйтесь методом «has».
Для перебора всех пар ключ/значение используем метод «entries».
Разбор URL из строки
Кроме всех вышеприведённых примеров, можно воспользоваться объектом URL.
| Свойство | Значение |
|---|---|
| addr.href | http://realadmin.ru/saytostroy/?page=4#top |
| addr.protocol | http: |
| addr.host | realadmin.ru |
| addr.pathname | /saytostroy/ |
| addr.search | ?page=4&limit=10&sortby=desc |
| addr.hash | #top |
Интересно, что этот объект содержит свойство «searchParams» типа «URLSearchParams», который можно использовать для извлечения GET параметров.
Получить текущий URL с JavaScript?
все, что я хочу, это получить URL-адрес веб-сайта. Не URL, взятый из ссылки. При загрузке страницы мне нужно иметь возможность захватить полный, текущий URL-адрес веб-сайта и установить его в качестве переменной, чтобы делать, как мне нравится.
19 ответов
Как отмечено в комментариях, строка ниже работает, но она прослушивается для Firefox.
URL Info Access
JavaScript предоставляет вам множество методов для извлечения и изменения текущего URL-адреса, который отображается в адресной строке браузера. Все эти методы используют Location объект, который является свойством Window «объект». Вы можете создать новый Location объект, который имеет текущий URL следующим образом:
базовая структура URL
протокол: Задает имя протокола для доступа к ресурсу в Интернете. (HTTP (без SSL) или HTTPS (с SSL))
порт: номер порта, используемый для распознавания определенного процесса, на который должно быть отправлено Интернет или другое сетевое сообщение прибывает на сервер.
запрос: строка запроса следует за компонентом path и предоставляет строку информации, которую ресурс может использовать для какой-либо цели (например, в качестве параметров для поиска или в качестве данных для обработки).
hash: Якорная часть URL-адреса включает знак хэша (#).
С этим Location свойства объекта вы можете получить доступ ко всем этим компонентам URL и что они могут установить или вернуть:
надеюсь, вы получили ответ..
тот же вопрос был задан менее 24 часов назад. Процитирую себя:
Получить текущий URL-адрес с помощью jQuery?
Я использую jQuery. Как получить путь к текущему URL-адресу и присвоить его переменной?
ОТВЕТЫ
Ответ 1
Чтобы получить путь, вы можете использовать:
Ответ 2
В чистом стиле jQuery:
У объекта местоположения также есть другие свойства, такие как хост, хеш, протокол и имя пути.
Ответ 3
Это будет работать, только если у вас есть JQuery. Например:
Ответ 4
Если вам нужны хеш-параметры, присутствующие в URL-адресе, window.location.href может быть лучшим выбором.
Ответ 5
Ответ 6
Просто добавьте эту функцию в JavaScript, и она вернет абсолютный путь к текущему пути.
Я надеюсь, что это сработает для вас.
Ответ 7
в jquery вы можете использовать
Ответ 8
Ответ 9
Только для имени хоста используйте:
Ответ 10
Это также будет работать:
Ответ 11
java-script предоставляет множество методов для получения текущего URL-адреса, который отображается в адресной строке браузера.
Функция:
EX: с номерами портов по умолчанию
Доменные имена, которые вы регистрируете по правилам и процедурам дерева доменных имен (DNS). DNS-серверов того, кто управляет вашим доменом IP-адресом для целей адресации. В иерархии DNS-сервера имя корня stackoverlfow.com является ком.
Аутентификационный URL с именем пользователя: пароль, если usernaem/password содержит символ @
лайк:
Ответ 12
Вы можете зарегистрировать window.location и просмотреть все параметры, только для использования URL:
для всего использования пути:
там также местоположение.__
Ответ 13
Это вернет абсолютную URL текущей страницы с помощью JavaScript/jQuery.
Ответ 14
Если есть кто-то, кто хочет объединить URL и хэш-тег, объедините две функции:
Ответ 15
У меня есть это, чтобы вырезать переменные GET.
Ответ 16
Ответ 17
Чтобы получить URL-адрес родительского окна внутри iframe:
NB: работает только в одном домене
Ответ 18
Вот пример, чтобы получить текущий URL-адрес с помощью jQuery и JavaScript:
Ответ 19
Вы можете просто получить свой путь с помощью js, window.location или location предоставит вам объект текущего URL
Ответ 20
Ниже приведены примеры полезных фрагментов кода, которые можно использовать. Некоторые примеры используют стандартные функции JavaScript и не являются специфичными для jQuery:
Ответ 21
Используйте window.location.href. Это даст вам полный URL.
Ответ 22
window.location предоставит вам текущий URL-адрес, и вы сможете извлечь из него все, что хотите от него.
Ответ 23
Если вы хотите получить путь к корневому сайту, используйте это:
Ответ 24
var path = location.pathname возвращает путь к текущему URL (jQuery не требуется). Использование window.location является обязательным.
Ответ 25
См. purl.js. Это действительно поможет и может также использоваться в зависимости от jQuery. Используйте его так:
Ответ 26
Ответ 27
Ответ 28
Все браузеры поддерживают объект окна Javascript. Он определяет окно браузера.
Глобальные объекты и функции автоматически становятся частью объекта окна.
Все глобальные переменные являются свойствами объектов окна, а все глобальные функции являются его методами.
Весь HTML-документ тоже является свойством окна.
Получить текущий URL с помощью jQuery?
Я использую JQuery. Как мне получить путь к текущему URL и присвоить его переменной?
29 ответов
Чтобы получить путь, вы можете использовать:
Вот пример, чтобы получить текущий URL с использованием jQuery и JavaScript:
Чтобы получить URL родительского окна из iframe:
NB: работает только на одном домене
Если вы хотите получить путь к корневому сайту, используйте это:
var path = location.pathname возвращает путь к текущему URL (jQuery не нужен). Использование window.location необязательно.
Если есть кто-то, кто хочет объединить URL и хеш-тег, объедините две функции:
Это вернет абсолютный URL текущей страницы с использованием JavaScript / jQuery.
См. purl.js. Это действительно поможет, а также может быть использовано в зависимости от jQuery. Используйте это так:
Если вам нужны хеш-параметры, присутствующие в URL-адресе, то window.location.href может быть лучшим выбором.
Просто добавьте эту функцию в JavaScript, и она вернет абсолютный путь текущего пути.
Я надеюсь, что это работает для вас.
Все браузеры поддерживают объект окна Javascript. Он определяет окно браузера.
Глобальные объекты и функции автоматически становятся частью объекта окна.
Все глобальные переменные являются свойствами объектов окна, а все глобальные функции являются его методами.
Весь HTML-документ тоже является свойством окна.
Таким образом, вы можете использовать объект window.location, чтобы получить все атрибуты, связанные с URL.
Вы можете войти в window.location и увидеть все параметры, используя только URL:
Для всего пути используйте:
Также есть местоположение. _ _
Это будет работать, только если у вас есть jQuery. Например:
Таким образом, если у вас есть доступный и загруженный jQuery, вы также можете использовать jQuery (местоположение), как и другие, упомянутые выше, поскольку это решает эти проблемы. Однако, если вы делаете для примера перенаправление геолокации на стороне клиента через JavaScript (то есть, используя API Карт Google и методы объекта определения местоположения), то вы можете не захотеть загружать всю библиотеку jQuery и писать свой условный код, который проверяет каждую версию Internet Explorer / Firefox / и т. д.
Самые часто используемые топ 3
Вы можете просто получить свой путь, используя сам js, window.location или location даст вам объект текущего URL
В чистом стиле JQuery:
Объект location также имеет другие свойства, такие как host, hash, protocol и pathname.
В JQuery вы можете использовать
Пример: на странице http://stackoverflow.com/questions/406192 это даст http://stackoverflow.com/controller/path
Только для имени хоста используйте:
Java-скрипт предоставляет множество методов для получения текущего URL, который отображается в адресной строке браузера.
EX: с номерами портов по умолчанию
URL аутентификации с именем пользователя: пароль, если имя пользователя / пароль содержит символ @ как :
Получить параметр url jquery или Как получить значения строки запроса в js
Я видел много примеров на jQuery, где размер и имя неизвестны. Мой url-адрес будет иметь только 1 строку:
Я просто хочу обнаружить:
30 ответов:
фрагмент кода jQuery, чтобы получить динамические переменные, хранящиеся в url-адресе в качестве параметров и хранить их в качестве переменных JavaScript, готовых к использованию с вашими сценариями:
example. com?param1=name & param2= & >
пример параметров с пробелами
это равной «да»?
а потом просто сравните его.
Я всегда придерживаюсь этого как одной линии. Теперь у params есть vars:
который вы могли бы использовать как:
может быть слишком поздно. Но этот метод очень прост и прост
что позволяет делать просто
пример предполагает, что вы используете jQuery. Вы также можете использовать его так же, как простой javascript, синтаксис будет немного отличаться.
Это может быть излишним, но есть довольно популярная библиотека теперь доступна для разбора URI, называется URI.js.
пример
это даст вам хороший объект для работы с
это основано на Gazoris’s ответ, но URL декодирует параметры, чтобы их можно было использовать, когда они содержат данные, отличные от цифр и букв:
Так Просто вы можете использовать любой URL и получить значение
Пример Использования
Примечание: если параметр присутствует несколько раз (?first=value1&second=value2), вы получите первое значение (value1) и второе значение как (value2).
есть еще один пример с использованием URI.js библиотека.
пример отвечает на вопросы точно так, как задано.
Coffeescript версия ответа Самира
небольшое улучшение ответа Sameer, кэширование параметров в закрытие, чтобы избежать разбора и циклического перебора всех параметров при каждом вызове
когда вы повторяете urlParams, вы можете снова разделить строку с помощью ‘=’ и добавить ее в объект ‘params’ как объект[elmement[0]] = element[1]. Супер простой и легкий доступ.
в данном случае 1-я функция не будет работать должным образом. Поэтому я изменил код
По общему признанию, я добавляю свой ответ на вопрос с чрезмерным ответом, но у этого есть преимущества:
— не зависит от каких-либо внешних библиотек, включая jQuery
— не загрязняя пространство имен глобальной функции, расширяя ‘String’
— не создавая никаких глобальных данных и делать ненужную обработку после того, как матч найден
— обработка проблем кодирования и принятие (предположение) некодированного имени параметра
— избегая явное for петли
тогда вы бы использовали его как:
Если вы хотите найти определенный параметр из определенного url:
другое решение, которое использует jQuery и JSON, так что вы можете получить доступ к значениям параметров через объект.
предполагая, что Ваш URL-адрес http://example.com/?search=hello+world&language=en&page=3
после этого это только вопрос использования параметров, как это:
самое полезное использование этого-запустить его при загрузке страницы и использовать глобальную переменную для использования параметров в любом месте, где они могут понадобиться.
если ваш параметр содержит числовые значения, то просто разобрать значение.
если нет параметров param будет просто пустой объект.
С помощью функции выше, вы можете получить отдельные значения параметров:
