静态html文件js读取url参数

一、字符串分割分析法。

　　这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案，相当于asp的request.querystring，PHP的$_GET

函数:

1. <Script language="javascript">
2. function GetRequest() {
3.    var url = location.search; //获取url中"?"符后的字串
4.    var theRequest = new Object();
5.    if (url.indexOf("?") != -1) { 
6.       var str = url.substr(1);
7.       strs = str.split("&");
8.       for(var i = 0; i < strs.length; i ++) { 
9.          theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
10.       }
11.    }
12.    return theRequest;
13. }
14. </Script>

然后我们通过调用此函数获取对应参数值：

1. <Script language="javascript">
2. var Request = new Object();
3. Request = GetRequest();
4. var 参数1,参数2,参数3,参数N;
5. 参数1 = Request['参数1'];
6. 参数2 = Request['参数2'];
7. 参数3 = Request['参数3'];
8. 参数N = Request['参数N'];
9. </Script>

以此获取url串中所带的同名参数.

 

 

二、正则分析法。

1. <script>
2. function GetQueryString(name) {
3.    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
4.    var r = window.location.search.substr(1).match(reg);
5.    if (r!=null) return unescape(r[2]); return null;
6. }
7. alert(GetQueryString("参数名1"));
8. alert(GetQueryString("参数名2"));
9. alert(GetQueryString("参数名3")); 
11. </script>