51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

运用Javascript获取url传递参数之方法

在JS学习中,如何获取url传递参数也是比较基本的课程。当然方法有很多,我们至少需要掌握1-2种。

20120810080914305056.JPG

一、正则分析法。(我较喜欢使用正则)

代码如下:

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”));

二、函数:

看下代码:

<script language="javascript">
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;
}
</script>

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

<script language=”javascript”>
    var Request = new Object();
    Request = GetRequest();
    var 参数1,参数2,参数3,参数N;
    参数1 = Request[”参数1”];
    参数2 = Request[”参数2”];
    参数3 = Request[”参数3”];
    参数N = Request[”参数N”];
</script>

以此获取url串中所带的同名参数,其他参数获取介绍:

//设置或获取对象指定的文件名或路径。
alert(window.location.pathname);//设置或获取整个 URL 为字符串。
alert(window.location.href);//设置或获取与 URL 关联的端口号码。
alert(window.location.port);

//设置或获取 URL 的协议部分。
alert(window.location.protocol);

//设置或获取 href 属性中在井号"#"后面的分段。
alert(window.location.hash);

//设置或获取 location 或 URL 的 hostname 和 port 号码。
alert(window.location.host);

//设置或获取 href 属性中跟在问号后面的部分。
alert(window.location.search);

赞(0)
未经允许不得转载:工具盒子 » 运用Javascript获取url传递参数之方法