js获取url参数值的两种方式

时间:2019-10-25
本文章向大家介绍js获取url参数值的两种方式,主要包括js获取url参数值的两种方式使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

下面看下js获取url参数值的两种方式详解

getQueryString() 和 GetRequest()

有个url如下:

http://passport.csdn.net/account/login?from=http%3a%2f%2fwrite.blog.csdn.net%2fpostedit

我们该如何获取from这个参数的值呢?在网上搜了下方法很简单,如下,第一种是通过正则,第二种通过切串放进数组的方式:

方法一:

1
2
3
4
5
6
7
function getQueryString(name) {
 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
 var r = window.location.search.substr(1).match(reg);
 if (r != null) return unescape(r[2]); return null;
}
var from = getQueryString("from");
alert(from);

方法二:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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]]=unescape(strs[i].split("=")[1]);
  }
 }
 return theRequest;
}
var req = GetRequest();
var from = req['from'];
alert(from);

原文地址:https://www.cnblogs.com/lyt0207/p/11738127.html