Como obter com precisão as informações de URL da URL na página atual

No desenvolvimento da Web, o JavaScript é frequentemente usado para obter as informações de URL da URL da página atual. Aqui estão alguns dos meus breves resumo da obtenção de informações de URL.

Vamos dar um exemplo de URL e depois obter seus componentes: http://i.cnblogs.com/editposts.aspx?opt=1

1. Window.Location.href (defina ou obtenha todo o URL como uma string)

var test = window.Location.href;

alerta (teste);

Retorno: http://i.cnblogs.com/editposts.aspx?opt=1

2. Window.Location.Protocol (a parte do protocolo da configuração ou obtenção de URL)

var test = window.Location.protocol;

alerta (teste);

Retorno: http:

3. Window.Location.Host (defina ou obtenha a parte do host do URL)

var test = window.Location.host;

alerta (teste);

Retorne para: i.cnblogs.com

4. Window.Location.port (defina ou obtenha o número da porta associado ao URL)

var test = window.Location.port;

alerta (teste);

Retorno: caractere vazio (se a porta 80 padrão for usada (Atualização: mesmo se: 80 for adicionado), o valor de retorno não é o padrão 80, mas o caractere vazio)

5. Window.Location.PathName (defina ou obtenha a parte do caminho com o URL (ou seja, o endereço do arquivo)))

var test = window.Location.PathName;

alerta (teste);

Return: eeditposts.aspx

6. window.Location.search (defina ou obtenha a parte do atributo href que segue o ponto de interrogação)

var test = window.Location.Search;

alerta (teste);

Retorno :? Opt = 1

PS: Obtenha a parte da consulta (parâmetro). Além de atribuir valores a linguagens dinâmicas, também podemos fornecer páginas estáticas e usar o JavaScript para obter o valor do parâmetro que acreditamos que deveria.

7. window.Location.hash (defina ou obtenha o segmento após o sinal de libra "#" no atributo href)

var test = window.Location.hash;

alerta (teste);

Retorno: Personagem vazio (porque não há URL)

8. JS obtém valores de parâmetros em URL

1. Lei regular

 função getQueryString (nome) {var reg = new regexp ('(^| &)' + name + '= ([^&]*) (& | $)', 'i'); var r = window.location.search.substr (1) .match (reg); if (r! = null) {return unescape (r [2]); } return null;} // ligue para desta maneira: alert (getQueryString ("Nome do parâmetro 1")); alerta (getQueryString ("nome do parâmetro 2")); alerta (getQuerystring ("nome do parâmetro 3"));

2. Método de divisão de divisão

 function getRequest () {var url = local.search; // Pegue a string após a "?" caractere em url var neleQuest = new Object (); if (url.indexof ("?")! = -1) {var str = url.substr (1); strs = str.split ("&"); for (var i = 0; i <strs.Length; i ++) {por aqui o [strs [i] .split ("=") [0]] = UNESCAPE (strs [i] .split ("=") [1]); }} retornar por aquiquest;} var request = new object (); request = getRequest (); <br> // var id = request ["id"]; // var parâmetro 1, parâmetro 2, parâmetro 3, parâmetro n; // parâmetro 1 = request ['parâmetro 1']; // parâmetro 2 = request ['parâmetro 2']; // parâmetro 3 = request ['parâmetro 3']; // parâmetro n = solicitação ['parâmetro n'];

3. Designado para levar

Por exemplo, um URL: http://i.cnblogs.com/?j=JS. Se queremos obter o valor do parâmetro j, podemos chamá -lo através da seguinte função.

 função getQueryString (nome) {var reg = new regexp ("(^| &)" + nome + "= ([^&]*) (& | $)", "i"); var r = window.location.search.substr (1) .match (reg); // Pegue a string após a "?" personagem no URL e corresponde a ele regularmente var context = ""; if (r! = null) context = r [2]; reg = null; r = nulo; Retornar contexto == NULL || context == "" || context == "indefinido"? "": contexto; } alert (getQueryString ("j"));

4. Método para obter parâmetros únicos

 function getRequest () {var url = local.search; // Pegue a string após a "?" caractere em url if (url.indexOf ("?")! = -1) {// julga se existem parâmetros var str = url.substr (1); // Desde o primeiro personagem, porque o 0º é o? assinar para obter todas as cordas, exceto o ponto de interrogação strs = str.split ("="); // separado com sinal igual (porque sei que existe apenas um parâmetro, uso diretamente o sinal igual para separar se houver vários parâmetros para se separar e sinalizar e depois usar um sinal igual) alerta (strs [1]); // Inscreva -se o primeiro parâmetro (se houver vários parâmetros, ele também precisará ser loopado)}}

O acima é tudo sobre este artigo. Espero que seja útil que todos entendam como obter as informações de URL da URL na página atual.