当用户输入达到一定大小时,Javascript cookie不保存
Javascript cookie not saving when user input reaches a certain size
我试图在卸载页面时将用户输入从文本区保存在javascript cookie中,然后在用户返回时将其读取回文本区。我遇到的问题是,当用户输入达到一定长度时,cookie不会保存。
这里是html:
<html>
<head>
<title>Cookie Test</title>
<link rel="stylesheet" type="text/css" href="css/site.css">
</head>
<body class="full" onload="GetCookies()" onunload="WriteCookies()">
<div class="fullscreen-overlay" id="fullscreen_overlay">
<div class="fullscreen-container js-fullscreen-container">
<div class="textarea-wrap">
<textarea name="fullscreen-contents" id="fullscreen-contents"></textarea>
</div>
</div>
</div>
</body>
</html>
Javascript: function WriteCookies() {
var d = new Date();
var n = document.getElementById('fullscreen-contents').value;
d.setDate(d.getDate() + 1);
document.cookie = "mainCookie = " + n + "; expires = " + d.toGMTString() + "";
}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1);
if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
}
return "";
}
function GetCookies() {
document.getElementById('fullscreen-contents').value = getCookie('mainCookie');
}
你知道是怎么回事吗?谢谢!
cookie的最大大小为4093字节。也许长弦只是超过了极限。你可以考虑localStorage或sessionStorage
var text = document.getElementById('fullscreen-contents');
function saveText() {
localStorage.savedText = text.value;
console.log("saved");
}
function getText() {
if (localStorage.savedText) {
text.value = localStorage.savedText;
console.log("loaded");
}
}
编辑:这是一个小提琴
相关文章:
- 如果在过去两个小时内没有记录,返回0,javascript逻辑
- JavaScript:如何每整小时做一些事情
- javascript日期减去小时-错误
- 在ISO转换后,JavaScript时间滞后了一个小时
- 如何在javascript中将秒转换为分钟和小时
- 计算JavaScript中的时间差异(天+小时+分钟+秒)
- 时间日志的javascript/jquery验证(5小时3米)
- asp:textbox 小时差异与 Javascript “onchange”
- 在 javascript 中将 24 小时时间转换为 12 小时,运行秒数
- javascript/jquery 数字时钟脚本,24 小时格式,带有日期
- 如何在 Jquery 或 JavaScript 中验证 24 小时格式化的时间
- 用javascript将时间格式化为小时和分钟
- 画布FPS在调整屏幕大小时发生变化-Javascript
- javascript在屏幕调整大小时更新
- 获取元素左侧的像素Javascript似乎只有在窗口稍微调整大小时才起作用
- 简单的javascript时间/金钱每小时计算器
- 设置javascript cookie每小时过期一次
- 如何将小时 javascript 日期设置为大于 23 并使用 .getHours() 函数检索它们
- 调整大小时Javascript和CSS动态宽度浮动闪烁
- Twitter搜索API created_at添加小时Javascript