首页 > web前端 > html教程 > 在HTML页面使用JS获取Get参数方法的示例代码分享

在HTML页面使用JS获取Get参数方法的示例代码分享

黄舟
发布: 2017-04-24 10:19:38
原创
4111 人浏览过

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

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

函数:

function GetRequest() {
   var url = location.search; //获取url中"?"符后的字串
   var theRequest = new Object();
   if (url.indexOf("?") != -1) { 
      var str = url.substr(1);
      strs = str.split("&");
      for(var i = 0; i < strs.length; i ++) { 
         theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
      }
   }
   return theRequest;
}
登录后复制

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

var Request = new Object();
Request = GetRequest();
登录后复制

var 参数1,参数2,参数3,参数N;

参数1 = Request[''参数1''];

参数2 = Request[''参数2''];

参数3 = Request[''参数3''];

参数N = Request[''参数N''];

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

二、正则分析法。

function GetQueryString(name) {
   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
   var r = window.location.search.substr(1).match(reg);
   if (r!=null) return (r[2]); return null;
}
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));
登录后复制

以上是在HTML页面使用JS获取Get参数方法的示例代码分享的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板