前端使用 url/localStorage 将数据传到下一页

1、url —— 需要将少量数据传给下一页，可以直接加在url上

如

（1）设置下一页链接 https://www.test.com/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);