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

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

<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;
}
}  

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

您的问题已经有小伙伴解答了，请点击【采纳】按钮，采纳帮您提供解决思路的答案，给回答的人一些鼓励哦～～

ps:开通问答VIP，享受5次/月 有问必答服务，了解详情↓↓↓

【电脑端】戳>>>  https://vip.csdn.net/askvip?utm_source=1146287632
【APP 】  戳>>>  https://mall.csdn.net/item/52471?utm_source=1146287632