携带需要的数据切换下一个页面 sessionStorage

我们时常会遇到一些情况就是，当我们跳转到新的页面的时候，原来的页面数据却无法获取，这时候，我们则需要用到本地存储 sessionStorage。

sessionStrorage 是仅在当前会话下有效，关闭页面或浏览器后被清除，所以这个用来查询则非常实用。我们将我们需要查询的文章或者是数据的id携带跳转进入下一个页面，则可以显示对应id的数据，并且这个查询互不干扰，十分省事。

//点击进入编辑页面
     function selectItems(even, i, ids) {
        sessionStorage.setItem('newData', JSON.stringify(ids));//携带该编辑的id进入编辑页面
        window.location.href = "classChange.html";
    }

" <span class=\"bianji\"  onclick=\"selectItems(this," + i + "," + pic.data[i].id + ")\">编辑</span>" 

顺带说下，这个与localStorage不同，localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。