Red de conocimientos turísticos - Información de alquiler - Cómo obtener con precisión la información URL de la página actual usando js en la interfaz

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

En el desarrollo WEB, javascript se usa a menudo para obtener la información de la URL de la página actual. El siguiente es mi resumen sobre cómo obtener información de la URL. window.location.href;

alerta(prueba);

Retorno: blogs.com/EditPosts.aspx?opt=1

2. window.location .protocol (establece u obtiene la parte del protocolo de la URL)

var test = window.window.location.protocol;

alert(test);

Retorno: blogs.com

4. window.location.port (establece u obtiene el número de puerto asociado con la URL)

var test = window.location.port;

alerta(prueba);

Devuelve: carácter nulo (si el puerto predeterminado es 80 (actualización: incluso si se agrega :80), entonces el valor de retorno no es el 80 predeterminado, sino el carácter nulo)

5.ubicación.ubicación.pathname (establece u obtiene la parte de la ruta de la URL (es decir, dirección de archivo))

var test = window.location.pathname;

alerta( prueba);

Devolución: /EditPosts.aspx

6. window.location.search (establece u obtiene la parte del atributo href después del signo de interrogación)

var prueba = ventana.ubicación .búsqueda;

Devolución: /EditPosts.aspx

7.

alerta(prueba);

Return: ?opt=1

PD: Para obtener la parte de consulta (parámetro), además de asignar valores al lenguaje dinámico, también podemos darle una página estática y usar javascript para obtener el valor del parámetro correspondiente.

7. window.location.hash (establece u obtiene el segmento "#" después del pozo en el atributo href)

var test = window.location.hash;

alerta( prueba);

Retorno: carácter vacío (porque no hay nadie en la url)

8. js obtiene el valor del parámetro en la url

I.Método regular

función getQueryString(nombre) { var reg = new RegExp('(^|&)' + nombre + '=([^&]*)(& |$)', 'i'); ? var r = ventana.ubicación.search.substr(1).match(reg);? ? return null;}// Llamada así: alert(GetQueryString("nombre del parámetro 1"));? alert(GetQueryString("nombre del parámetro 2"));? alerta(GetQueryString("nombre del parámetro 3")); /p>

II.Método de división

función GetRequest() {

var url = ubicación.búsqueda; //obtener la URL con el carácter "?" url

? var theRequest = nuevo objeto();

? = url.substr(1);

strs = str.split("&");

for(var i = 0; i < strs.length; i ++) {

? laRequest[ strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);

}

?}

?return theRequest;

}

var Solicitud = nuevo objeto();

Solicitud = GetRequest();
// var id=Solicitud["id"];

// var parámetros1 Parámetro2,Parámetro3,ParámetroN;

// Parámetro1 = Solicitud['Parámetro1'];

p>

// Parámetro2 = Solicitud['Parámetro2'];

// Parámetro3 = Solicitud['Parámetro3'];

// ParameterN = Request['ParameterN' ];

3. Especificar adquisición

Por ejemplo, asumiendo una URL: blogs.com/?j= js, queremos obtener el valor del parámetro j, puedes usar la siguiente función para llamarlo.

función GetQueryString(nombre) {

? var reg = new RegExp("(^|&)")+ nombre + "=([^&]*)(&| $)", "i");

? var r = window.location.search.substr(1).match(reg); //obtiene la cadena en la URL después de "?" en la URL y relacionarla con una cadena normal

?var context = "";

? if (r ! = null)

context = r[2 ];

? reg = nulo;

? r = nulo;

? contexto == nulo == ""| "undefinido" ?"" : contexto;

}

alert(GetQueryString("j"));

Cuatro métodos para obtener un solo parámetro<. /p> p>

función GetRequest() {

? var url = ubicación.búsqueda; //obtener la URL en el carácter "?" if (url .indexOf("?") ! = if (url.indexOf("?) !Obtener todas las cadenas excepto los signos de interrogación

? strs = str.split("="); ?< / p>

? strs = str.split("=";?) //Separar con un signo igual (si sabe que solo hay un parámetro, sepárelo con un signo igual, si hay varios parámetros, sepárelo) con un signo &, y luego sepárelo con un signo igual)

? alert(strs[1]); //Abre el primer parámetro directamente (si hay varios parámetros, debe realizar un bucle)

?}

}

I. Métodos convencionales

functiongetQueryString(name) {

? newRegExp('(^|&)' + nombre + '=([^&]*)(&|$)', 'i');

?varr = window.location.search.substr (1).match(reg);

?if(r ! = null) {

returnunescape(r[2]);

?}

?returnnull;

}

// Llamada así:

alert(GetQueryString("nombre del parámetro 1"));

alert(GetQueryString( "nombre del parámetro 2"));

alert( GetQueryString("ParameterName3"));

Segundo, método de división

functionGetRequest() {

?varurl = location.search; //Obtiene la cadena de caracteres en la URL después del carácter "?"

actor seguido de la cadena

?vartheRequest = newObject();

?if(url.indexOf("?") != -1) {

varstr = url.substr(1);

strs = str.split("&");

for(vari = 0; i < strs.length; i ++) {

?theRequest[strs[i] .split("=")[0]] = unescape(strs[i].split("=")[1]);

}

?}

?return theRequest;

}

varRequest = newObject();

Solicitud = GetRequest();
// var id=Solicitud["id"];

// var parámetro1,parámetro2,parámetro3,parámetroN;

// parámetro1 = Solicitud['parámetro1'];

// parámetro2 = Solicitud['parámetro2'];

// parámetro3 = Solicitud['parámetro3'];

// parámetroN = Solicitud['parametroN '];

III. Especificar adquisición

Por ejemplo, asumiendo que una URL es: blogs.com/?j=js, queremos obtener parámetros El valor de j se puede llamar usando la siguiente función.

functionGetQueryString(nombre) {

?varreg = newRegExp("(^|&) "+ nombre + "=([^&]*)(&|$)", "i");

?varr = window.location.search.substr(1).match(reg); //obtiene la cadena en la URL después del carácter "?" en él

?varcontext = "";

?if(r ! = null)

?context = r[2];

?reg = null;

?r = null;

?returncontext == null|| contexto == ""|| contexto == "indefinido" ?": context;

}

alert(GetQueryString("j"));

IV. Método para obtener un solo parámetro

functionGetRequest. () {

?varurl = location.search;; //obtener la URL en la ubicación.// Obtener la URL con la cadena "?" después del carácter "?" ?if(url.indexOf("?") != -1) { // Determinar si hay parámetros

varstr = url.substr(1); // Desde el primer carácter Inicio, porque el El 0 es "? Obtener todas las cadenas excepto los signos de interrogación

strs = str.split("=");?

strs = str.split(" ="); // Separe con un signo igual (si sabe que solo hay un parámetro, sepárelo con un signo igual; si hay varios parámetros, sepárelo con un signo & y luego sepárelo con un signo igual)

alert(strs[1]); // Muestra el primer parámetro (si hay varios parámetros, debe realizar un bucle)

?}

}

?

}