用js把数据从一个页面传到另一个页面

1. 通过url传递参数的方式

该案例是从a.html向b.html页面传递参数

1. a.html的代码

跳转

2.点击跳转按钮可以将input标签的value值传递到b.html

function jump() {
  var s = document.getElementsByTagName('input')[0];
  location.href='7.获取参数.html?'+'txt=' + encodeURI(s.value);
}

3. b.html中的代码

var loc = location.href;
var n1 = loc.length;
var n2 = loc.indexOf('=');
var txt = decodeURI(loc.substr(n2+1,n1-n2));
var box = document.getElementById('box');
box.innerHTML = txt;

2. ajax获取另一个页面的数据

$.ajax({
        url:"2.html",
        type:"get",
　　　　　data:"aa"
        success:function (data) {
            $("#a").html(data);
        }
    })

3. 本地存储sessionStorage 或 localStorage （两者用法一样）

添加 3种方法

localStorage.infos="aaaa";
localStorage["infos"]="aaaa";
localStorage.setItem("infos","aaaa");
// console.log(localStorage.infos);

获取

localStorage.infos;
localStorage["infos"];
localStorage.getItem("infos");

删除 2种方法

localStorage.removeItem("infos");
localStorage.clear("infos");

4.cookie

创建cookie
如果要多次创建 cookie ，重复使用这个方法即可。
document.cookie='key=val';
访问cookie
document.cookie