参数传递

当大家在项目中遇到首页跳转详情页时，大家的参数会如何传递

今天，我分享一下localStorage以及a标签两种传参方式

localStorage，sessionStorage，cookie都属于本地存储，三者各有千秋，localStorage和cookie两者类似，关闭窗口后，并不会消失，仍会保存。要删除它，要么手动删除，也可以给它设置一个过期的时间。但是cookie的存储量较小，很少用它。而sessionStorage则在关闭窗口后，它不会保存，这是它的优点也是它的缺点，关键看各位观众老爷如何使用。

首先，我们要考虑从首页跳转到详情页需要做什么，假如商品很多，我们不可能每一个都写一个对应的页面来承接它的详情，那样很不友好；鉴于它的详情页布局一样，只是内容不一样，所以我们通过传参的方式，来渲染不同的数据。

localStorage.setItem("键名"，”键值")      、//存储数据：第一个参数是所起的名字；第二个参数是所要传递的值

window.location.href="index.html";             //所要跳转的页面

//在跳转到index页面后

用localStorage.getItem("键名","键值")；      //获取所存储的键值

用变量来承接它；var id=ocalStorage.getItem("键名","键值")；

然后用ajax向后台传参，获取数据进行渲染

//注意：如果localStorage所存储的是一个对象，则需要用JSON.stringify(obj)进行转换操作，并且在获取的页面需要用JSON.parse(localStorage.getItem(obj))进行转换，在向后台传参，渲染页面

a标签传参直接用location.href="index.html?id="+id+"&number="+number;传参

在index页面用split进行操作，最终拿到id和number向后传参，在进行页面的渲染