html输入框不显示cookie_HTML中cookie作业问题

展开全部

window.onload = function () {

//读取cookie，并赋值

document.getElementById("txtContent").value = getCookie("txtContent");

//每十秒将内容存至cookie

setInterval(setToCookie, 10000);

}

//根据名称取cookie的值

function getCookie(name) {

var strCookie = document.cookie;

var arrCookie = strCookie.split("; ");

for (var i = 0; i 

var arr = arrCookie[i].split("=");

if (arr[0] == name) {

return unescape(arr[1]);

}

}

return "";

}

//将内容存至cookie

function setToCookie() {

document.cookie = "txtContent=" + escape(document.getElementById("txtContent").value);

}

//显示文本

function showTxt() {

document.getElementById("showDiv").innerHTML = document.getElementById("txtContent").value;

document.getElementById("txtContent").value = ""; //清空62616964757a686964616fe59b9ee7ad9431333337386661

deleteCookie("txtContent");

}

//删除cookie

function deleteCookie(name) {

var date = new Date();

//设定到期时间，小于当前时间，即失效，即是删除

date.setTime(date.getTime() - 10000);

document.cookie = name + "=v; expires=" + date.toGMTString();

}

PS：

需要部署在IIS上，才能正常写入，直接存在HTML，并打开不会生效

因为没有设定cookie失效时间，默认为关闭浏览器即失效

所以读取效果，只在页面刷新时体现