浏览器刷新后保留有效内容

时间:2016-12-08 20:53:23

标签: javascript jquery html css

所以,我有一个网站,我正在使用javascript / jquery。它的作用类似于手风琴,但对于整个网站..链接位于屏幕的左侧,当您点击一个时(让我们说#34;关于我")当前内容(也许"家庭"或者#34;联系人"页面)滑出屏幕,关于我"关于我"内容在屏幕上滑动。我的问题在于刷新页面时。

如果"关于我"或者"联系"正在查看内容并单击刷新,它会重置并显示" home"页面内容。我希望当前内容(如果与" home"内容不同)在刷新页面时保持可见。

有关如何完成此操作的任何建议?我一直在玩#34; hashchange"事件/功能,可以让我的URL更新,但我仍然需要刷新来加载当前内容而不是每次加载主页内容。

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

即使浏览器刷新,有几种方法可以保留一些东西:

1- Url参数。在这种情况下,您可以在网址上添加当前选定的菜单,如:

localhost?currentMenu=about    

否这样做时你必须有一个脚本来检查并选择相应的菜单onLoad

2- localStorage

localStorage.setItem('currentMenu', 'about');

然后检查onLoad:

currentMenu = localStorage.setItem('testObject'); 

3- coockies

document.cookie =" currentMenu = about&#34 ;;

请记住,所有这些选项都需要对负载进行额外检查。