js获取url参数值的方法

小天天天天    前端    194 次    2022-12-07 10:44:00


Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。


hash:设置或返回从井号 (#) 开始的 URL(锚)。

host:设置或返回主机名和当前 URL 的端口号。

hostname:设置或返回当前 URL 的主机名。

href:设置或返回完整的 URL。

pathname:设置或返回当前 URL 的路径部分。

port:设置或返回当前 URL 的端口号。

protocol:设置或返回当前 URL 的协议。

search:设置或返回从问号 (?) 开始的 URL(查询部分)。


js获取url参数值的方式

一个参数:

var test =window.location.href;
var 参数=test.split("?参数=")[1];

多个参数:

方式一:

function GetQueryString(name) { 
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
  var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
  var context = ""; 
  if (r != null) 
     context = r[2]; 
  reg = null; 
  r = null; 
  return context == null || context == "" || context == "undefined" ? "" : context; 
}
//调用方法:var 参数1 = GetQueryString['参数1']; var 参数2 = GetQueryString['参数2']; var 参数3 = GetQueryString['参数3'];

方式二:

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 Request = new Object(); Request = GetRequest(); var 参数1,参数2,参数3,参数N; 参数1 = Request['参数1']; 参数2 = Request['参数2']; 参数3 = Request['参数3']; 参数N = Request['参数N'];

以上便是js获取url参数值的方法,请大家参考。


如果你觉得本篇文章对您有帮助,请打赏作者

上一篇: JWT的优缺点以及如何去选择?

下一篇: utf8和utf8mb4的区别

最新评论

暂无评论

最新评论

网站数据

网站文章数:462

今日UV/PV/IP:46/65/47

昨日UV/PV/IP:40/60 /40

TOP