在HTML页面用JS获取Get参数方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在HTML页面用JS获取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"));


本文出自 “刘博方的博客” 博客,请务必保留此出处http://liubofang.blog.51cto.com/11162557/1858565

以上是关于在HTML页面用JS获取Get参数方法的主要内容,如果未能解决你的问题,请参考以下文章

一个html页面传入参数到另一个html页面用js获取方法

用JS实时调用数据显示在HTML页面上

java web 如何防止 用户绕过js验证,直接地址栏提交表单或自己编写html页面,提交数据到服务器?

ThinkPHP 一个html页面的网址中带了一个参数id,如何获取这个id,并传递到下一个页面

为啥跳转 的php文件获得不到传的参数

html input节点很多 json字符串提交解决方法