如何解决商品列表切换，页面刷新后变回默认值！

Question

怎么解决商品列表切换选中后当页面刷新后，商品列表又将恢复成默认值。

<div class="header_r header_search"> <a class="switchBtn switchBtn-album" href="javascript:void(0);"  onclick="changeCl(this)" style="opacity: 1;"> 切换 </a> </div></div>


function changeCl( cls ){
	var vl = cls.getAttribute('class') ;
	var lst = document.getElementById('J_ItemList');
	switch(vl){
	case "switchBtn switchBtn-list":
		cls.setAttribute('class', 'switchBtn switchBtn-album');
		lst.setAttribute('class' , 'srp j_autoResponsive_container m-ks-autoResponsive-container m-animation album');
		document.getElementById('display').setAttribute('value','album');
		break;
	case "switchBtn switchBtn-album":
		cls.setAttribute('class', 'switchBtn switchBtn-grid');
		lst.setAttribute('class' , 'srp j_autoResponsive_container m-ks-autoResponsive-container m-animation grid');
		document.getElementById('display').setAttribute('value','grid');
		break;
	case "switchBtn switchBtn-grid":
		cls.setAttribute('class', 'switchBtn switchBtn-list');
		lst.setAttribute('class' , 'srp j_autoResponsive_container m-ks-autoResponsive-container m-animation list');
		document.getElementById('display').setAttribute('value','list');
		break;
}
}  

Answer 1

用sessionStorage 保存数据，在页面刷新后从sessionStorage中取出保存数据，根据数据重新设置页面中元素的状态。