JS-纯html传递参数例子
JS-纯html传递参数例子
关键字: js html 参数利用javascript的正则表达式来检索当前url上的参数信息,来达到传递参数的目的。
JS代码是网上找到的,还有一些通过分析字符串来获得,但我觉得这个比较简洁一点。
以下是一个小例子的代码
- <html>
- <head>
- <meta http-equiv="Content-Type" content="html/text; charset=utf-8"/>
- <title>JS get Parameter</title>
- <script src="resource/js/param.js" type="text/javascript"></script>
- </head>
- <body>
- <table>
- <tr>
- <td><input type="text" name="user" /></td>
- <td><input type="text" name="password" /></td>
- <td><input type="text" name="sysno" /></td>
- </tr>
- </table>
- </body>
- <script type="text/javascript">
- var LocString=String(window.document.location.href);
- function getQueryStr(str){
- var rs = new RegExp("(^|)"+str+"=([^\&]*)(\&|$)","gi").exec(LocString), tmp;
- if(tmp=rs){
- return tmp[2];
- }
- // parameter cannot be found
- return "";
- }
- document.getElementById("user").value = getQueryStr("user");
- document.getElementById("password").value = getQueryStr("password");
- document.getElementById("sysno").value = getQueryStr("sysno");
- </script>
- </html>
通过test.html?user=abc&password=123&sysno=001的测试结果来看,截获参数的目的达到了