如何将 object 存储在 cookie 中，以便我可以将其用于进一步的会话？

Question

你好，

我有这样的 html ：

<div id="inputarea" style="color:black;font-size:15px;">

我想将样式数据存储到 cookie 中，所以我这样做了：

setCookie('savedstyle',inputarea.style);

因此，在我的下一个 session 中，输入区域应该从该 cookie 加载数据并将其设置为输入区域的样式，如下所示：

if(getCookie('savedstyle')) {
  inputarea.style = getCookie('savedstyle');
 }

没有任何反应，因为 cookie 中存储的值如下所示：[object CSS properties]。 这是为什么？ 如何正确存储值？

谢谢你。

Answer 1

试试这些。 这些是我在需要时用于项目的一些样板函数。

 readCookie = (cname) => { let name = cname + '='; let decodedCookie = decodeURIComponent(window.document.cookie); let ca = decodedCookie.split(';'); for(let i = 0; i <ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ''; } createCookie=(cname, cvalue)=> { let d = new Date(); d.setTime(d.getTime() + (10*24*60*60*1000)); let expires = 'expires='+ d.toUTCString(); window.document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/'; } deleteCookie = (name) => { if(readCookie(name)) { window.document.cookie = name + '=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT'; } }

readCookie function 按名称读取 cookie。 createCookie 你给它一个名字和一个值，而 deleteCookie 按名字删除一个cookie。 非常不言自明：D。

Answer 2

JS 中的.style仅存储 CSS 属性的设置器。 它对阅读信息没有用处。

如果您只想存储内联样式，请使用：

setCookie('savedstyle', inputarea.getAttribute('style'))

并检索

inputarea.setAttribute('style', getCookie('savedstyle'))