如何让浏览器记住用户选择的内容?

时间:2013-10-27 17:20:37

标签: javascript jquery

我有这个代码。我对Javascript一无所知,所以我几乎在互联网上找到它。它的作用基本上是关闭页面顶部的大标题图像。我想知道如何制作它以便浏览器记住用户选择的内容?例如,如果此人单击以隐藏它然后您重新加载页面,它应该保持隐藏状态而不是默认为原始页面。

<script language='javascript'>
function toggle() {
var pagehead = document.getElementById(&quot;HTML6&quot;);
var xbutton = document.getElementById(&quot;hide-header&quot;);
if(pagehead.style.display == &quot;none&quot;) {
pagehead.style.display = &quot;block&quot;;
xbutton.innerHTML = &quot;<img border='0' src='https://lh5.googleusercontent.com/-S5r38GtSF6s/Ui04r4eS0yI/AAAAAAAADpQ/qRnrSX2MpcY/w16-h15-no/close+X.png'/>&quot;;
}
else {
pagehead.style.display = &quot;none&quot;;
xbutton.innerHTML = &quot;<img border='0' src='https://lh5.googleusercontent.com/-S5r38GtSF6s/Ui04r4eS0yI/AAAAAAAADpQ/qRnrSX2MpcY/w16-h15-no/close+X.png'/>&quot;;
}
} 
</script>

不确定是否可能。我真的不知道。 这是我的网站供参考:linkvier.com 我真的希望我可以使用此代码,因为我计划在广告和内容上使用它。

3 个答案:

答案 0 :(得分:1)

您需要使用浏览器Cookie。看看jQuery.cookie。那里有例子。

答案 1 :(得分:1)

如果您不必支持旧浏览器,请查看html的5 localStorage,这非常棒。 : - )

对于旧版浏览器,使用Cookie或其中一个使用Cookie模拟localStorage的scripts

答案 2 :(得分:0)

据我所知,http是无国籍的,你可以使用cookies来获得这个 阅读 Stateless_protocol

在这里查看checkCookie()getCookie(c_name)和setCookie(c_name,value,exdays)@
w3schools Cookie Examples