javascript - 将 html 传递给 cookie

Question

我尝试这样做:

html = document.getElementById('a').innerHTML;

setCookie("test", html, 365); 

如果我的 id=a 并且它包含以下内容:

<span>a</span>
<span>b</span>

我尝试将整个 html 内容添加到 cookie，这样我就可以读取 cookie 并获得相同的 html。

http://jsfiddle.net/aox53dbn/4/

但这行不通。也许不可能存储html？还是我做错了什么？

Answer 1

Cookie 值不能包含空格，而您的 HTML 中包含空格。

您的 setCookie 函数(您未能将其包含在您的问题中，但在您链接到的第三方托管页面上可见)不会以任何方式转义数据，因此，如果您输入无效的 cookie 值，那么它默默地失败。

根据the MDN documentation修改您的 setCookie 函数，以在将 cookie 值附加到字符串之前通过 encodeURIComponent 运行 cookie 值。

(当您读取 cookie 时，您需要使用 decodeURIComponent() 来撤消它)。