Как получить 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-адрес с помощью 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 в JavaScript?
Доброго времени суток, друзья!
Представляю Вашему вниманию перевод заметки «How to Parse URL in JavaScript: hostname, pathname, query, hash» автора Dmitri Pavlutin.
Унифицированный указатель ресурса или, сокращенно, URL — это ссылка на веб-ресурс (веб-страницу, изображение, файл). URL определяет местонахождения ресурса и способ его получения — протокол (http, ftp, mailto).
Например, вот URL данной статьи:
Часто возникает необходимость получить определенные элементы URL. Это может быть название хоста (hostname, dmitripavlutin.com ) или путь (pathname, /parse-url-javascript ).
В этой статье мы поговорим о структуре и основных компонентах URL.
1. Структура URL
Изображение лучше тысячи слов. На представленном изображении Вы можете видеть основные компоненты URL:
2. Конструктор URL()
Конструктор URL() — это функция, позволяющая разбирать (парсить) компоненты URL:
Например, инициализируем URL() с абсолютным URL:
Теперь скомбинируем относительный и абсолютный URL:
Свойство href экземпляра URL() возвращает переданную URL-строку.
Здесь тип USVString означает, что JavaScript должен возвращать строку.
3. Строка запроса (query string)
Если строка запроса отсутствует, url.search возвращает пустую строку (»):
3.1. Разбор (парсинг) строки запроса
Вместо получения исходной строки запроса, мы можем получать ее параметры.
Объект URLSearchParams предоставляет множество методов для работы с параметрами строки запроса ( get(param), has(param) и т.д.).
Давайте рассмотрим пример:
url.searchParams.get(‘message’) возвращает значение параметра message строки запроса.
4. Название хоста (hostname)
Значением свойства url.hostname является название хоста URL:
5. Путь (pathname)
Свойство url.pathname содержит путь URL:
Если URL не имеет пути, url.pathname возвращает символ / :
6. Хеш (hash)
Наконец, хеш может быть получен через свойство url.hash :
Если хеш отсутствует, url.hash возвращает пустую строку (»):
7. Проверка (валидация) URL
Например, http ://example.com не валидный URL, поскольку после http имеется пробел.
Попробуем использовать этот URL:
8. Работа с URL
Такие свойства, как search, hostname, pathname, hash доступны для записи.
Например, давайте изменим название хоста существующего URL с red.com на blue.io :
Свойства origin, searchParams доступны только для чтения.
9. Заключение
Конструктор URL() является очень удобным способом разбора (парсинга) и проверки (валидации) URL в JavaScript.
new URL(relativeOrAbsolute, [, absoluteBase] в качестве первого параметра принимает абсолютный или относительный URL. Если первый параметр является относительным URL, вторым параметром должен быть абсолютный URL — основа для первого аргумента.
Получить текущий 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 и присвоить его переменной?
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 аутентификации с именем пользователя: пароль, если имя пользователя / пароль содержит символ @ как :
