Cómo obtener con precisión la información de URL en la página actual

En el desarrollo web, JavaScript a menudo se usa para obtener la información de URL de la URL de la página actual. Aquí está algunos de mi breve resumen de la obtención de información de URL.

Damos un ejemplo de una URL y luego obtengamos sus componentes: http://i.cnblogs.com/editposts.aspx?opt=1

1. Window.location.href (establecer o obtener la URL completa como una cadena)

var test = window.location.href;

alerta (prueba);

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

2. Window.location.protocol (la parte del protocolo de configurar o obtener URL)

var test = window.location.protocol;

alerta (prueba);

Regreso: http:

3. Window.location.host (configure o obtenga la parte del host de la URL)

var test = window.location.host;

alerta (prueba);

Volver a: i.cnblogs.com

4. Window.location.port (establecer o obtener el número de puerto asociado con la URL)

var test = window.location.port;

alerta (prueba);

Retorno: carácter vacío (si se usa el puerto predeterminado 80 (actualización: incluso si se agrega: 80), el valor de retorno no es el 80 predeterminado sino el carácter vacío)

5. Window.location.pathName (establecer o obtener la parte de ruta con la URL (es decir, la dirección del archivo)))

var test = window.location.pathName;

alerta (prueba);

Regresar: /editposts.aspx

6. Window.location.search (establecer o obtener la parte del atributo HREF que sigue el signo de interrogación)

var test = window.location.search;

alerta (prueba);

Return:? Opt = 1

PS: Obtenga la parte de consulta (parámetro). Además de asignar valores a los idiomas dinámicos, también podemos dar páginas estáticas y usar JavaScript para obtener el valor del parámetro que creemos que debería.

7. Window.location.hash (configure o obtenga el segmento después del signo de libra "#" en el atributo HREF)

var test = window.location.hash;

alerta (prueba);

Regreso: carácter vacío (porque no hay en URL)

8. JS obtiene valores de parámetros en URL

1. Ley regular

 function 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;} // Llame de esta manera: alerta (getQueryString ("Nombre del parámetro 1")); alerta (getQueryString ("Nombre del parámetro 2")); alerta (getQueryString ("Nombre del parámetro 3"));

2. Método de división dividida

 función getRequest () {var url = ubicación.search; // consigue la cadena después de la "?" personaje en URL var en estoquest = nuevo objeto (); if (url.indexof ("?")! = -1) {var str = url.substr (1); strs = str.split ("&"); for (var i = 0; i <strs.length; i ++) {shatQuest [strs [i] .split ("=") [0]] = unescape (strs [i] .split ("=") [1]); }} return outQuest;} 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 = Solicitud ['Parámetro 2']; // Parámetro 3 = Request ['Parámetro 3']; // Parámetro n = request ['parámetro n'];

3. Designado para tomar

Por ejemplo, una URL: http://i.cnblogs.com/?j=js. Si queremos obtener el valor del parámetro J, podemos llamarlo a través de la siguiente función.

 función getQueryString (name) {var reg = new Regexp ("(^| &)" + nombre + "= ([^&]*) (& | $)", "i"); var r = window.location.search.substr (1) .match (reg); // consigue la cadena después de la "?" personaje en la URL y coincidir con él regularmente var context = ""; if (r! = null) context = r [2]; reg = nulo; r = nulo; contexto de retorno == NULL || contexto == "" || context == "indefinido"? "" : contexto; } alert (getQueryString ("j"));

4. Método para obtener parámetros únicos

 función getRequest () {var url = ubicación.search; // consigue la cadena después de la "?" Carácter en URL if (url.indexof ("?")! = -1) {// juzga si hay parámetros var str = url.substr (1); // Desde el primer personaje porque el 0 es el? firmar para obtener todas las cadenas excepto el signo de interrogación Strs = str.split ("="); // separarse con igual signo (porque sé que solo hay un parámetro, uso directamente el signo igual para separar si hay múltiples parámetros para separar con y luego usar alerta de igual signo) (STRS [1]); // Regístrese en el primer parámetro (si hay múltiples parámetros, también debe ser bucleado)}}

Lo anterior se trata de este artículo. Espero que sea útil para todos comprender cómo obtener la información de URL en la página actual.