← 返回首页
Javascript基础教程(五十二)
发表时间:2022-06-20 09:41:35
获取URL参数

前端获取URL参数是项目开发中经常用到的功能。我们可以利用split方法将参数提取出来,该方法比较常用,而且容易理解(无关正则表达式)。

//获取URL参数的函数
function getQueryVariable(variable) {
   let query = window.location.search.substring(1);
   let vars = query.split("&");
   for (let i = 0; i < vars.length; i++) {
       let pair = vars[i].split("=");
       if (pair[0] == variable) {
      return decodeURI(pair[1]); //对中文参数进行编码
       }
   }
   return (false);
}

注意:如果上面这段代码是在一个iframe中,需要获取的父窗口的URL地址。因此代码需改为如下:

//获取URL参数的函数
function getQueryVariable(variable) {
   let query = window.parent.location.search.substring(1);
   let vars = query.split("&");
   for (let i = 0; i < vars.length; i++) {
       let pair = vars[i].split("=");
       if (pair[0] == variable) {
      return decodeURI(pair[1]); //对中文参数进行编码
       }
   }
   return (false);
}