欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

2种JS获取地址栏参数的方法

程序员文章站 2022-04-22 11:55:57
...
这篇文章主要为大家详细介绍了js获取地址栏参数的两种方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

项目中经常遇到获取上个页面跳转过来获取当前的参数

//获取地址栏参数,name:参数名称
 function getUrlParms(name){
   var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
   var r = window.location.search.substr(1).match(reg);
   if(r!=null)
   return unescape(r[2]);
   return null;
   }
var id = getUrlParms("id");

上述方法可以获取地址栏传过来的id,还可以这样写

function getRequest() {
  var url = window.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]]=decodeURI(strs[i].split("=")[1]);
      
    }
  }
  return theRequest;
}
var id= getRequest().id;

以上就是2种JS获取地址栏参数的方法的详细内容,更多请关注其它相关文章!