实现html超链接传值与接收值

首先 a页面作为传值页面个b页面传值

两个页面都先引入浏览器传值的js

创建 getUrlParam.js 文件

UrlParm = function() { // url参数
    var data, index;
    (function init() {
     data = [];
     index = {};
     var u = window.location.search.substr(1);
     if (u != '') {
      var parms = decodeURIComponent(u).split('&');
      for (var i = 0, len = parms.length; i < len; i++) {
       if (parms[i] != '') {
        var p = parms[i].split("=");
        if (p.length == 1 || (p.length == 2 && p[1] == '')) {// p | p=
         data.push(['']);
         index[p[0]] = data.length - 1;
        } else if (typeof(p[0]) == 'undefined' || p[0] == '') { // =c | =
         data[0] = [p[1]];
        } else if (typeof(index[p[0]]) == 'undefined') { // c=aaa
         data.push([p[1]]);
         index[p[0]] = data.length - 1;
        } else {// c=aaa
         data[index[p[0]]].push(p[1]);
        }
       }
      }
     }
    })();
    return {
     // 获得参数,类似request.getParameter()
     parm : function(o) { // o: 参数名或者参数次序
      try {
       return (typeof(o) == 'number' ? data[o][0] : data[index[o]][0]);
      } catch (e) {
      }
     },
     //获得参数组, 类似request.getParameterValues()
     parmValues : function(o) { // o: 参数名或者参数次序
      try {
       return (typeof(o) == 'number' ? data[o] : data[index[o]]);
      } catch (e) {}
     },
     //是否含有parmName参数
     hasParm : function(parmName) {
      return typeof(parmName) == 'string' ? typeof(index[parmName]) != 'undefined' : false;
     },
     // 获得参数Map ,类似request.getParameterMap()
     parmMap : function() {
      var map = {};
      try {
       for (var p in index) { map[p] = data[index[p]]; }
      } catch (e) {}
      return map;
     }
    }
   }();

然后a页面通过超链接   href="路径？名称=值"  传递参数

<div>
   <a href="./a?name=传递的值"><button>点击传值</button></div></a>
</div>

 b页面在js中接收 就完成了

let path=UrlParm.parm("name")

参考原文章：实现html超链接传值与接收值