JavaScript no proporciona una función integrada para capturar la cadena de consulta se pasa a una página web con la URL , al igual que muchos de los lenguajes de scripting del lado del servidor como PHP. Para analizar una cadena de consulta con JavaScript capturar los parámetros de URL con la propiedad " location.search " , dividir los valores de la " y " signo que separa los parámetros , luego dividir cada uno de esos valores en el signo " = " para obtener la nombre del parámetro y el valor del parámetro. También quite el signo "? " que procede del nombre del parámetro. Instrucciones
1
Crear un nuevo documento HTML con el Bloc de notas o un editor HTML. Inserte los encabezados de HTML en el documento :
< meta charset = "UTF - 8 ">
analizar la cadena de consulta < /title> <br> 2 <p> Crear una función JavaScript para analizar la cadena de consulta, y crear una matriz asociativa con el nombre del parámetro como clave de índice y el valor del parámetro como valor. Inicializar una matriz para almacenar los resultados y la captura de toda la cadena de consulta en una variable usando " location.search . " Salir si no hay una cadena de consulta : <br> <p> <script> <br> <p> queryparams var = []; <br> <p> var = QString location.search ; <br> <p> si ( QString == " ") exit () ; <br> 3 <p> Crear una matriz con cada " parámetro = valor " como un elemento de la matriz mediante el fraccionamiento de la cadena de consulta en " y ": < br > <p> var params = qString.split ("& "); <br> 4 <p> quitar el signo "? " procediendo el primer parámetro , tomando el valor de la cadena a partir del segundo personaje : <br> <p> params [ 0 ] = params [ 0 ] substring ( 1 ) ; <br> 5 <p> Dividir cada parámetro . obtener el nombre y el valor y agregarlos a la matriz asociativa : . <br> <p> for (var i en params ) { <br> <p> var temp = params [ i ] split ( "= "); <br> <p> queryparams [ temp [ 0 ] ] = temp [ 1 ] ; <br> <p> } <br> 6 <p> escribir el resultado en la pantalla para asegurar la secuencia de comandos funciona correctamente: <br> <p> para ( i en queryparams ) { <br> <p> document.write ( " <p> " + i + "= " + queryparams [ i ] + "< /p >") ; <br> <p> <br> <p> } < /script > <br> <p> < /head> <br> 7 <p> Crear un formulario HTML para probar el script: <br> <p> < /head> <br> <p> <body> <br> <p> <form name="myForm"> <br> <p> < input type = "text " name = " test1 "> <br> <p> <input type="text" name="test2"> <br> <p> < input type = nombre de "enviar" valor = " submit " = "submit " > <br> <p> < /form> <br> <p> < /body> <br> <p> < /html> <br> 8 <p> Guarde el archivo HTML y abrir con un explorador . Introduzca los datos en los dos campos del formulario y compruebe que los parámetros se analizan correctamente . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programacion/javascript-programming/90947.html' >Cómo hacer un botón de descarga de un archivo en HTML </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/javascript-programming/90949.html' >Cómo actualizar DIV </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Artículos relacionados </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91179.html" title="Causas de una secuencia de comandos Void Error Java " target="_self">Causas de una secuencia de comandos Void Error Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91129.html" title="Cómo calcular en Java Script " target="_self">Cómo calcular en Java Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91116.html" title="Cómo agregar dos números con JavaScript " target="_self">Cómo agregar dos números con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90948.html" title="Cómo analizar una cadena de consulta en JavaScript " target="_self">Cómo analizar una cadena de consulta en JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90903.html" title="Cómo deshabilitar JavaScript durante el uso de selenio " target="_self">Cómo deshabilitar JavaScript durante el uso de selenio…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90920.html" title="Cómo eliminar decimales usando javascript " target="_self">Cómo eliminar decimales usando javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90926.html" title="Cómo quitar las barras de desplazamiento mediante JavaScript " target="_self">Cómo quitar las barras de desplazamiento mediante Java…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90965.html" title="Cómo obtener valores de una lista desplegable en Javascript on Post " target="_self">Cómo obtener valores de una lista desplegable en Javas…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91285.html" title="Cómo hacer un Widget " target="_self">Cómo hacer un Widget </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91069.html" title="Cómo utilizar JavaScript para actualizar un Título " target="_self">Cómo utilizar JavaScript para actualizar un Título </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Artículos destacados </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92319.html" title="Cómo utilizar un PHP para obtener la subcarpeta " target="_self">Cómo utilizar un PHP para obtener la subcarpeta </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/python-programming/93823.html" title="Cómo acceder a los contactos de Evolution Python " target="_self">Cómo acceder a los contactos de Evolution Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87044.html" title="Cómo reemplazar un STRG Con un STRG Baja " target="_self">Cómo reemplazar un STRG Con un STRG Baja </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/89496.html" title="Cómo escribir el desbordamiento de búfer en Java " target="_self">Cómo escribir el desbordamiento de búfer en Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95565.html" title="Cómo utilizar VBS para inicios de sesión Anuncio " target="_self">Cómo utilizar VBS para inicios de sesión Anuncio </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/90582.html" title="Cómo desarrollar aplicaciones Java para Blackberry " target="_self">Cómo desarrollar aplicaciones Java para Blackberry </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90995.html" title="Cómo modificar una URL de una página con JavaScript " target="_self">Cómo modificar una URL de una página con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/96509.html" title="Cómo hacer un reloj en Visual Basic " target="_self">Cómo hacer un reloj en Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/85916.html" title="Cómo crear un CAB en Windows Mobile " target="_self">Cómo crear un CAB en Windows Mobile </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/91771.html" title="¿Cuál es la función DateDiff PHP " target="_self">¿Cuál es la función DateDiff PHP </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
