Hay dos formas de obtener parámetros de la barra de direcciones en JS: el primero es usar expresiones regulares para obtener parámetros de la barra de direcciones, y el segundo es un método relativamente tradicional. Aquí, el editor recomienda encarecidamente el uso del primer método, que es conveniente y práctico. Consulte los detalles a continuación para el proceso de implementación específico.
Método 1: Use expresiones regulares para obtener parámetros de la barra de direcciones: (¡muy recomendable, tanto práctico como conveniente!)
función getQueryString (name) {var reg = new Regexp ("(^| &)" + name + "= ([^&]*) (& | $)"); var r = window.location.search.substr (1) .match (reg); if (r! = null) return unescape (r [2]); devolver nulo;}// Método de llamada
alerta (getQueryString ("Nombre del parámetro 1"));
alerta (getQueryString ("Nombre del parámetro 2"));
alerta (getQueryString ("Nombre del parámetro 3"));
Aquí hay un ejemplo:
Si la URL de la barra de direcciones es: ABC.HTML? ID = 123 & url = http: //www.maidq.com
Luego, pero usa el método anterior para llamar: alerta (getQueryString ("url"));
Aparecerá un cuadro de diálogo: el contenido es http://www.maidq.com
Si usa: alerta (getQueryString ("id")); Entonces el contenido emergente es 123;
Por supuesto, si no pasa parámetros, por ejemplo, si su dirección es ABC.HTML y no hay un parámetro después de él, entonces si el resultado de la llamada de salida forzada a veces informa un error:
Por lo tanto, debemos agregar un juicio para determinar si el parámetro que solicitamos está vacío y primero asignar el valor a una variable:
var myurl = getQueryString ("url"); if (myurl! = null && myurl.ToString (). Longitud> 1) {alerta (getQueryString ("url"));}¡De esta manera no informará un error!
Método 2: Método tradicional
<script type = "text/javaScript"> function urlsearch () {var name, valor; var str = ubicación.href; // Obtenga la barra de dirección completa var num = str.indexof ("?") Str = str.substr (num+1); // Obtenga todos los parámetros StringVar.Substr (Start [, Longi] var arr = str.split ("&"); // Pon cada parámetro en la matriz para (var i = 0; i <arr.length; i ++) {num = arr [i] .indexof ("="); if (num> 0) { name = arr [i] .substring (0, num); valor = arr [i] .substr (num+1); este [nombre] = valor;}}} var request = new UrlSearch ();Por ejemplo, guarde este código como 1.html
Entonces quiero acceder a 1.html? Id = prueba
En este momento, se obtiene el valor de la prueba
Llamado en html
<script type = "text/javaScript"> var a = "http://baidu.com"; </script> </head> <body> <a id = "a1" href = ""> sadfsdfas </a> <script> var a1 = document.getElementById ("a1"); a1.href = a; </script> <script type = "text/javaScript" a = "http://xxx.com/gg.htm?cctv"; var s = a.indexof ("?"); var t = a.substring (s+1); // t es lo que viene después de él </script>stringvar.substr (start [, longitud]
Devuelve una subcadena de la longitud especificada que comienza desde la posición especificada.
stringvar
Opción requerida. Una cadena literal o objeto de cadena para extraer una subcadena.
comenzar
Opción requerida. La posición inicial de la subcadena requerida. El índice del primer carácter en la cadena es 0.
longitud
Opcional. El número de caracteres que deben incluirse en la subcadena devuelta.
Si la longitud es 0 o negativa, se devolverá una cadena vacía. Si no se especifica este parámetro, la subcadena continúa hasta el final de StringVar.
Aquí hay algunos parámetros relacionados:
str.tolowercase () se convierte en minúsculas
str.ToUpperCase () Todas las cadenas se convierten en mayúsculas
URL es: Localizador de recursos uniformes (URL)
La URL completa consiste en estas piezas:
esquema: // host: puerto/ruta? Consulta#fragmento
esquema: protocolo de comunicación
HTTP, FTP, Maito, etc. comúnmente utilizado
Anfitrión: anfitrión
SERVICIO (computadora) Sistema de nombre de dominio (DNS) Nombre de host o dirección IP.
Puerto: número de puerto
Entero, opcional, cuando se omite, se utiliza el puerto predeterminado del esquema, como el puerto predeterminado de HTTP es 80.
Camino: camino
Una cadena separada por símbolos cero o múltiples "/" generalmente se usa para representar un directorio o dirección de archivo en el host.
Consulta: consulta
Opcionalmente, se utiliza para pasar parámetros a páginas web dinámicas (como páginas web hechas con CGI, ISAPI, PHP/JSP/ASP/ASP.NET y otras tecnologías). Puede haber múltiples parámetros, separados por el símbolo "&", y el nombre y el valor de cada parámetro están separados por el símbolo "=".
Fragmento: fragmento de información
Una cadena que especifica fragmentos en un recurso de red. Por ejemplo, hay múltiples explicaciones de sustantivos en una página web, y puede usar Fragment para ubicar directamente una determinada explicación. (También conocido como puntos de anclaje).
Para tal url
http://www.maidq.com/index.html?ver=1.0&id=6#imhere
Podemos obtener las diversas partes en JavaScript
1, window.location.href
Toda la cadena de URL (la barra de dirección completa en el navegador)
Valor de retorno en este ejemplo: http://www.maidq.com/index.html?ver=1.0&id=6#imhere
2, Window.location.protocol
La parte del protocolo de la URL
Este ejemplo devuelve el valor: http:
3, Window.location.host
La parte anfitriona de la URL
Valor de devolución en este ejemplo: www.maidq.com
4, window.location.port
La parte del puerto de la URL
Si se usa el puerto predeterminado 80 (actualización: incluso si: 80 se agrega), el valor de retorno no es el 80 predeterminado sino el carácter vacío
Este ejemplo devuelve el valor: ""
5, window.location.pathname
La parte de ruta de la URL (esa es la dirección del archivo)
Este ejemplo devuelve el valor: /fisker/post/0703/window.location.html
6, Window.location.Search
Parte de consulta (parámetros)
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 se cree que es.
Valor de retorno en este ejemplo :? ver = 1.0 & id = 6
7, Window.location.hash
Punto de anclaje
Valor de retorno en este ejemplo: #imhere
Lo anterior es la descripción completa de los dos métodos (simples y prácticos) de JS para obtener los parámetros de la barra de direcciones introducidos por el editor. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!