JavaScript inte tillhandahåller en inbyggd funktion för att fånga frågesträngen skickas till en webbsida med URL , som gör många av server - side skriptspråk som PHP . Att tolka en frågesträng med JavaScript , fånga URL-parametrar med " location.search " egendom , dela de värden på " & " tecken som separerar de parametrar , sedan dela varje av de värden på " = "-tecknet för att få parameter namn och parameter värde . Ta även bort " ? " som fortsätter första parametern namn . Instruktioner
1
Skapa ett nytt HTML- dokument med Notepad eller en HTML-editor . Infoga HTML rubriker i dokumentet : < ! DOCTYPE HTML >
< meta charset = " utf - 8 " >
Parse Query String < /title > <br> 2 <p> Skapa en JavaScript -funktion för att tolka frågesträngen , och skapa en associativ array med parametern namn som indexnyckeln och parametervärdet som värdet . Initiera en array för att lagra resultaten och fånga hela frågesträng i en variabel med " location.search . " Avsluta om det inte finns någon frågesträng : <br> <p> <script> <br> <p> var- queryParams = [ ] ; <br> <p> var QString = location.search ; <br> <p> om ( QString == " " ) exit ( ) ; <br> 3 <p> Skapa en array med varje " parameter = värde " som ett element i arrayen genom att dela upp frågesträngen på " & " : <br > <p> var params = qString.split ( " & " ) ; <br> 4 <p> Ta bort " ? " fortsätter den första parametern genom att strängen värdet börjar med det andra tecknet : <br> <p> params [ 0 ] = params [ 0 ] substring ( 1 ) , <br> 5 <p> Split varje parameter . få namn och värde och lägga till dem i den associativa arrayen : . <br> <p> for (var i in params ) { <br> <p> var temp = params [ i] split ( " = " ) ; <br > <p> queryParams [ temp [ 0 ] ] = temp [ 1 ] , <br> <p> } <br> 6 <p> Skriv utmatningen till skärmen för att skriptet fungerar : <br > <p> för (i i queryParams ) { <br> <p> document.write ( " <p> " + i + " = " + queryParams [ i] + " < /p > " ) ; <br > <p> } <br> <p> < /script > <br> <p> < /head > <br> 7 <p> Skapa ett HTML-formulär för att testa skriptet : <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 = " submit" name = " submit " value = "submit " > <br> <p> </form > <br> <p> < /body> <br> <p> < /html > <br> 8 <p> Spara HTML-filen och öppna den med en webbläsare . Ange data i de två formulärfält och kontrollera att parametrarna tolkas korrekt . <br> <br>
<div class=dad2><script language='javascript' src='http://www.dator.xyz/ad/201310/4.js'></script></div>
<div class=dad3><script language='javascript' src='http://www.dator.xyz/ad/201310/33.js'></script></div>
</div>
</td>
</tr>
</table>
<table class=dhang1 bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<div class=dhang7></div>
<table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/javascript-programming/90947.html' >Hur man gör en knapp hämta en fil i HTML </a></li></p></td>
</tr>
<tr>
<td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/javascript-programming/90949.html' >Hur du uppdaterar DIV </a></li></td>
</tr>
</table></td>
</tr>
</table>
<div class=dhang7></div>
<table class=s770x246 >
<tr>
<td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table class=c1 >
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> relaterade artiklar </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="http://www.dator.xyz/Programmering/javascript-programming/91085.html" title="Information om programmering av Palm OS " target="_self">Information om programmering av Palm OS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91027.html" title="Hur Split en sträng i JavaScript " target="_self">Hur Split en sträng i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91192.html" title="Hur du gör din egen tillfällig tatuering från skrivaren " target="_self">Hur du gör din egen tillfällig tatuering från skriva…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90906.html" title="JavaScript för tid beräkningar " target="_self">JavaScript för tid beräkningar </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90999.html" title="Hur du ändrar ett CSS- klass attribut med Javascript " target="_self">Hur du ändrar ett CSS- klass attribut med Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90872.html" title="Enkla Kodning i JS Textredigeraren " target="_self">Enkla Kodning i JS Textredigeraren </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90815.html" title="Hur man gör Alla Radio Buttons False i JavaScript " target="_self">Hur man gör Alla Radio Buttons False i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90908.html" title="Hur man gör JavaScript för att bläddra annonser " target="_self">Hur man gör JavaScript för att bläddra annonser </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91232.html" title="Hur Infoga HTML i ett e- meddelande " target="_self">Hur Infoga HTML i ett e- meddelande </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91048.html" title="Så här aktiverar och inaktivera textrutor i Javascript " target="_self">Så här aktiverar och inaktivera textrutor i Javascrip…</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 class=c3 >
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Utvalda artiklarna </td>
</tr>
</table>
<table class=c4 >
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/93125.html" title="Hur man skapar en avancerad PHP MySQL driven webbplats " target="_self">Hur man skapar en avancerad PHP MySQL driven webbplats </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89370.html" title="Hur man tar bort en punkt i MIDP 2.0 programmatiskt " target="_self">Hur man tar bort en punkt i MIDP 2.0 programmatiskt </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/90080.html" title="Hur man kör Java under X - Windows " target="_self">Hur man kör Java under X - Windows </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/85240.html" title="Hur nära iPad program med Xcode " target="_self">Hur nära iPad program med Xcode </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86290.html" title="Microsoft C Sharp Certifiering " target="_self">Microsoft C Sharp Certifiering </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/94742.html" title="Vad är en global Counter i VB " target="_self">Vad är en global Counter i VB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87579.html" title="Konvertera en Float till ett Int32 " target="_self">Konvertera en Float till ett Int32 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87876.html" title="Vad är en klient Proxy " target="_self">Vad är en klient Proxy </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91529.html" title="Hur man kan blockera underdomäner i PHP " target="_self">Hur man kan blockera underdomäner i PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91932.html" title="Hur man skriver ut i iFrame med PHP " target="_self">Hur man skriver ut i iFrame med PHP </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<div class=dhang8></div>
<div class=dhang1></div>
<table class=b1>
<tr>
<td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz
</td>
</tr>
</table>
<div class=dhang1></div>
</div>
</body>
</html> 