实现html链接传值和接收值

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

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

创建 getUrlParam.js 文件

1.  
   UrlParm = function() { // url参数
2.  
   var data, index;
3.  
   (function init() {
4.  
   data = [];
5.  
   index = {};
6.  
   var u = window.location.search.substr(1);
7.  
   if (u != '') {
8.  
   var parms = decodeURIComponent(u).split('&');
9.  
   for (var i = 0, len = parms.length; i < len; i ) {
10.  
    if (parms[i] != '') {
11.  
    var p = parms[i].split("=");
12.  
    if (p.length == 1 || (p.length == 2 && p[1] == '')) {// p | p=
13.  
    data.push(['']);
14.  
    index[p[0]] = data.length - 1;
15.  
    } else if (typeof(p[0]) == 'undefined' || p[0] == '') { // =c | =
16.  
    data[0] = [p[1]];
17.  
    } else if (typeof(index[p[0]]) == 'undefined') { // c=aaa
18.  
    data.push([p[1]]);
19.  
    index[p[0]] = data.length - 1;
20.  
    } else {// c=aaa
21.  
    data[index[p[0]]].push(p[1]);
22.  
    }
23.  
    }
24.  
    }
25.  
    }
26.  
    })();
27.  
    return {
28.  
    // 获得参数,类似request.getParameter()
29.  
    parm : function(o) { // o: 参数名或者参数次序
30.  
    try {
31.  
    return (typeof(o) == 'number' ? data[o][0] : data[index[o]][0]);
32.  
    } catch (e) {
33.  
    }
34.  
    },
35.  
    //获得参数组, 类似request.getParameterValues()
36.  
    parmValues : function(o) { // o: 参数名或者参数次序
37.  
    try {
38.  
    return (typeof(o) == 'number' ? data[o] : data[index[o]]);
39.  
    } catch (e) {}
40.  
    },
41.  
    //是否含有parmName参数
42.  
    hasParm : function(parmName) {
43.  
    return typeof(parmName) == 'string' ? typeof(index[parmName]) != 'undefined' : false;
44.  
    },
45.  
    // 获得参数Map ,类似request.getParameterMap()
46.  
    parmMap : function() {
47.  
    var map = {};
48.  
    try {
49.  
    for (var p in index) { map[p] = data[index[p]]; }
50.  
    } catch (e) {}
51.  
    return map;
52.  
    }
53.  
    }
54.  
    }();

然后a页面通过超链接   href="/link/to?link=https://blog.csdn.net/cdd9527/article/details/路径？名称=值"  传递参数

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

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

let path=UrlParm.parm("name")

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

这篇好文章是转载于：学新通技术网