js获取地址栏参数的两种方法

(编辑：jimmy 日期: 2025/6/6 浏览：3 次 )

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

//获取地址栏参数，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;

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：Vue.js常用指令之循环使用v-for指令教程
下一篇：React组件之间的通信的实例代码