html 页面与页面传值,html页面之间传递参数

方法：HTML5本地存储，即在A页面存储数据，然后在B页面获取

localStorage存储的数据，localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

http://www.w3school.com.cn/html5/html_5_webstorage.asp

//A页面

方法一：

// Check browser support

if (typeof(Storage) !== "undefined") {

// Store

localStorage.setItem("lastname", "Gates");

// Retrieve

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

} else {

document.getElementById("test").innerHTML = "抱歉！您的浏览器不支持 Web Storage ...";

}

方法二：

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