Как точно получить информацию URL -адреса на текущей странице

В веб -разработке JavaScript часто используется для получения информации URL -адреса текущей страницы. Вот некоторые из моих кратких резюме получения информации о URL.

Давайте приведем пример URL, а затем получим его компоненты: http://i.cnblogs.com/editposts.aspx?opt=1

1. window.location.href (установите или получите весь URL в качестве строки)

var test = window.location.href;

предупреждение (тест);

Возврат: http://i.cnblogs.com/editposts.aspx?opt=1

2. window.location.protocol (протокол часть настройки или получения URL)

var test = window.location.protocol;

предупреждение (тест);

Возврат: http:

3. window.location.host (установите или получите хост части URL)

var test = window.location.host;

предупреждение (тест);

Вернуться к: i.cnblogs.com

4. window.location.port (установите или получите номер порта, связанный с URL)

var test = window.location.port;

предупреждение (тест);

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

5. window.location.pathname (установить или получить часть пути с URL (то есть адрес файла)))

var test = window.location.pathname;

предупреждение (тест);

Return: /editposts.aspx

6. window.location.search (установите или получите часть атрибута href, который следует за вопросительным знаком)

var test = window.location.search;

предупреждение (тест);

Возврат:? Opt = 1

PS: Получить часть запроса (параметр). В дополнение к назначению значений динамическим языкам, мы также можем предоставить статические страницы и использовать JavaScript для получения значения параметра, который, по нашему мнению, должен.

7. window.location.hash (установите или получите сегмент после знака фунта "#" в атрибуте href)

var test = window.location.hash;

предупреждение (тест);

ВЕРНАТЬ: пустой символ (потому что в URL нет)

8. JS получает значения параметров в URL

1. Регулярный закон

 функция getQueryString (name) {var reg = new regexp ('(^| &)' + name + '= ([^&]*) (& | $)', 'i'); var r = window.location.search.substr (1) .match (reg); if (r! = null) {return unescape (r [2]); } return null;} // Вызовите этот путь: alert (getQueryString ("имя параметра 1")); Alert (getQueryString ("имя параметра 2")); Alert (getQueryString ("имя параметра 3"));

2. Метод разделения разделения

 function getRequest () {var url = location.search; // Получить строку после "?" символ в url var thess = new object (); if (url.indexof ("?")! = -1) {var str = url.substr (1); strs = str.split ("&"); for (var i = 0; i <strs.length; i ++) {these quest [strs [i] .split ("=") [0]] = unescape (strs [i] .split ("=") [1]); }} return thequest;} var request = new object (); request = getRequest (); <br> // var id = request ["id"]; // параметр var 1, параметр 2, параметр 3, параметр n; // параметр 1 = запрос ['параметр 1']; // Параметр 2 = запрос ['параметр 2']; // Параметр 3 = запрос ['Параметр 3']; // Параметр n = запрос ['параметр n'];

3. Предназначено для принятия

Например, URL: http://i.cnblogs.com/?j=js. Если мы хотим получить значение параметра J, мы можем вызвать его через следующую функцию.

 функция getQueryString (name) {var reg = new Regexp ("(^| &)" + name + "= ([^&]*) (& | $)", "i"); var r = window.location.search.substr (1) .match (reg); // Получить строку после "?" символ в URL и регулярно сопоставить его var context = ""; if (r! = null) context = r [2]; reg = null; r = null; вернуть контекст == null || контекст == "" || Контекст == "не определяется"? "": контекст; } alert (getQueryString ("j"));

4. Метод получения отдельных параметров

 function getRequest () {var url = location.search; // Получить строку после "?" символ в url if (url.indexof ("?")! = -1) {// Судить, есть ли параметры var str = url.substr (1); // от первого персонажа, потому что 0 -й? Знак, чтобы получить все строки, кроме вопроса Mark strs = str.split ("="); // отдельно с равным знаком (потому что я знаю, что существует только один параметр, я напрямую использую равный знак для отделения, если есть несколько параметров для разделения с и знаком, а затем использую равный знак) Alert (strs [1]); // Зарегистрируйтесь в первом параметре (если есть несколько параметров, он также должен быть зациклен)}}}}}}}}}}}}}}}}}}

Выше всего об этой статье. Я надеюсь, что всем будет полезно понять, как получить информацию URL -адреса на текущей странице.