1、url —— 需要将少量数据传给下一页,可以直接加在url上
如
(1)设置下一页链接 https://www.test/index.html?type1
(2)使用window.location.search 获取 href 属性中跟在问号后面的部分示例:
var test = window.location.search;
alert(test);
返回:?type1
2、localStorage —— 如果数据太多的话,可使用localStorage
(对浏览器来说,使用 Web Storage 存储键值对比存储 Cookie 方式更直观,而且容量更大,它包含两种:localStorage 和 sessionStorage)
- localStorage - 没有时间限制的数据存储
(1)检查浏览器是否支持
if(typeof(Storage)!=="undefined")
{
// 是的! 支持 localStorage sessionStorage 对象!
// 一些代码.....
}
else
{
// 抱歉! 不支持 web 存储。
}
(2)可用API。localStorage 对象存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。
- 保存数据:localStorage.setItem(key,value);
- 读取数据:localStorage.getItem(key);
- 删除单个数据:localStorage.removeItem(key);
- 删除所有数据:localStorage.clear();
- 得到某个索引的key:localStorage.key(index);
更多推荐
前端使用 url/localStorage 将数据传到下一页
发布评论