sessionStorage/localStorage

方法二：
localStorage['foo'] = 'newBar';
方法三：

    sessionStorage.setItem('testKey','这是一个测试的value值'); // 存入一个值   

//B页面
方法一：

    document.getElementById("a-test").innerHTML = localStorage.getItem("lastname");     

方法二：

 localStorage["foo"]

方法三：
console.log(sessionStorage.getItem('testKey')); // => 返回testKey对应的值); 关闭浏览器后再打开，数据会被删除，所以控制台输出的null,需要重新打开A页面，再刷新B页面，控制台输出这是一个测试的value值
输出结果：
注意了：不能用localhost做
console.log(localStorage.getItem("foo")); //newBar
console.log(localStorage["foo"]); //谷歌浏览器：newBar 360、IE浏览器：null

sessionStroage和localStorage的异同：

同：都可以用来存储客户端的临时信息
异：如果用户不清理，localStorage可以永久存储，sessionStorage存储的信息在浏览器窗口一关闭就被清理掉了，第二点：localStorage可以跨域，可以实现不同页面传参，sessionStorge不可以