显示隐藏javascript cookie

我有一个javascript函数来隐藏表中的一行，如下所示

function showhide() {
if( document.getElementById("hidethis").style.display=='none' ){
  document.getElementById("hidethis").style.display = 'table-row'; // set to table-row instead of an empty string
}else{
  document.getElementById("hidethis").style.display = 'none';
}
}

它工作正常，但我想使用cookies来记住用户选择的选项。我不知道如何正确设置Cookie，请提供一些建议。

试试以下方法：

您需要将值存储在cookies中，并在事件广告上读取这些值，并相应地设置您的样式

用于创建和读取Cookie值

var createCookie=函数名、值、天数{ var到期； 如果天{ var日期=新日期； date.setTimedate.getTime+days*24*60*60*1000； expires=；expires=+date.togmString； }否则{ 过期=； } document.cookie=name+=+value+expires+；path=/； }; 函数getCookie\u name{ 如果document.cookie.length>0{ c_start=document.cookie.indexOfc_name+=； 如果c_开始！=-1{ c_start=c_start+c_name.length+1； c_end=document.cookie.indexOf；，c_start； 如果c_end==-1{ c_end=document.cookie.length； } 返回unescapedocument.cookie.substringc_start，c_end； } } 回来 } document.addEventListener'DOMContentLoaded'，函数{ var cookieVal=getCookie'display'； 如果cookieVal{ document.getElementByIdhidethis.style.display=cookieVal； } }; 函数显示隐藏{ 如果document.getElementByIdhidethis.style.display=='none'{ document.getElementByIdhidethis.style.display='table row'；//设置为table row而不是空字符串 createCookie'display'，'table row'，365； }否则{ document.getElementByIdhidethis.style.display='none'； createCookie'display'，'none'，365； } }

---

如果您想永久记住它，请使用localStorage，否则可以使用sessionStorage。这些是html5浏览器的功能。谢谢！它似乎起作用了。我理解正确，这家店会在一年内保存一块饼干吗？是的，会的！快乐编码！

<tr id="hidethis" style="display:table-row;">