JavaScript voorziet niet in een ingebouwde functie om de query string doorgegeven aan een webpagina met de URL vast te leggen , net als veel van de server - side scripting talen zoals PHP . Om een query string met JavaScript ontleden , vangen de URL-parameters met de " location.search " eigendom , splitsing van de waarden op het " & " teken dat de parameters scheidt , vervolgens gesplitst elk van deze waarden op het " = " teken aan de te naam van de parameter en de parameterwaarde . Verwijder ook de "?" dat de eerste parameter name verloopt . Instructies
1 Maak een nieuw HTML-document met Kladblok of een HTML-editor . < ! DOCTYPE HTML >
< meta charset : steek de HTML headers in het document = " uTF - 8 " > Parse Queryreeksfilter <br> < /title > kopen van 2 <p> Maak een JavaScript-functie om de query string parsen , en maak een associatieve array met de naam van de parameter als de index sleutel en de parameter waarde als de waarde . Initialiseren een array om de resultaten op te slaan en vast te leggen de gehele query string in een variabele met " location.search . " Afsluiten als er geen query string : <p> <script> <p> var queryParams <br> = [ ] ; <p> var QString <br> = location.search ; <br> <p> indien ( QString == " " ) exit ( ) ; <br> 3 <p> Maak een array met elkaar " parameter = waarde " als een array-element door het splitsen van de query string op " & " : < br <p> var params > = qString.split ( " & " ) ; <br> 4 <p> Verwijder de "?" verder gaat de eerste parameter door het nemen van de string waarde te beginnen met het tweede teken : <p> params <br> [ 0 ] = params [ 0 ] substring ( 1 ) ; <br> 5 <p> Split elke parameter aan . krijgt de naam en de waarde en voeg ze toe aan de associatieve array : . <br> <p> for (var i in params ) { <p> var temp = params [ i ] split <br> ( " = " ) ; < br > <p> queryParams [ temp [ 0 ] ] = temp [ 1 ] ; <br> <p> } <br> 6 <p> Schrijf de output naar het scherm om ervoor te zorgen het script goed werkt : < br > <p> voor ( i in queryParams ) { document.write <p> <br> ( " <p> " + i + " = " + queryParams [ i ] + " < /p > " ) ; < <p> } <br> <p> > < /> <br> <p> < /head > <br> 7 <p> script br een HTML- formulier om het script te testen : <br> <p> < /head > <p> <body> <br> <p> <form name="myForm"> <br> <p> <br> < input type = " text " name = " test1 " > <br> <p> <input type="text" name="test2"> <br> <p> < input type = " submit " name = " submit " value = " submit " > <p> < Twitter /form> <p> < /body > Telefoonkaarten <p> < /html > <br> 8 <p> Sla het HTML- bestand en open deze met een browser . Gegevens invoeren in de twee velden formulier en controleer of de parameters correct worden ontleed . <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/90947.html' >Hoe maak je een knop Download een bestand in HTML </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/90949.html' >Hoe te DIV bijwerken </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>JavaScript Programmeren</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90831.html" title="JQuery Voordelen " target="_self">JQuery Voordelen </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91147.html" title="Hoe te Text Based Browser Games " target="_self">Hoe te Text Based Browser Game…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90830.html" title="Hoe te Analytics toe aan Lightbox " target="_self">Hoe te Analytics toe aan Light…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90783.html" title="Code beautifiers voor JavaScript " target="_self">Code beautifiers voor JavaScri…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91150.html" title="Hoe maak je een Basic Destructor in JavaScript Implementeren " target="_self">Hoe maak je een Basic Destruct…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90990.html" title="Hoe te Elementen invoegen Met DIV in JavaScript " target="_self">Hoe te Elementen invoegen Met …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91264.html" title="Hoe kan ik Flash films uploaden " target="_self">Hoe kan ik Flash films uploade…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90763.html" title="Hoe kan ik meerdere plugins gebruiken Met JW Player " target="_self">Hoe kan ik meerdere plugins ge…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90914.html" title="Hoe te verbergen een Redirect " target="_self">Hoe te verbergen een Redirect </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92226.html" title="Hoe te Ingang Kopiëren naar Div in PHP " target="_self">Hoe te Ingang Kopiëren naar Div in PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85695.html" title="Hoe om te verwijzen een afbeelding in C + + " target="_self">Hoe om te verwijzen een afbeelding in C …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88406.html" title="Hoe te berekenen CRC Made Easy " target="_self">Hoe te berekenen CRC Made Easy </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/88980.html" title="Ik kan niet renderen . JSP -bestanden in IE 8.0 " target="_self">Ik kan niet renderen . JSP -bestanden in…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87776.html" title="Hoe u de grootte van Detect een Viewport " target="_self">Hoe u de grootte van Detect een Viewport…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95543.html" title="Hoe u een proxy server Detect in NET " target="_self">Hoe u een proxy server Detect in NET </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90574.html" title="Java Amortisatie Calculator Code Help " target="_self">Java Amortisatie Calculator Code Help </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86327.html" title="Waarom is Scroll Bar Knippert ? " target="_self">Waarom is Scroll Bar Knippert ? </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95597.html" title="Hoe je het lettertype wijzigen in Access VBA programmeertaal " target="_self">Hoe je het lettertype wijzigen in Access…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
