一些网站会在您的计算机上的以小文本文件存储信息。这种文件称为 Cookie。
有几种类型的 Cookie,您可以选择是否允许在计算机上保存一部分、不保存或保存所有的 Cookie。如果不允许 Cookie,就不能查看某些站点或者利用自定义功能(例如本地新闻和天气,或者股票查询)。
如何使用 Cookie
Cookie 是由 Internet 站点创建的、将信息存储在计算机上的文件,例如访问站点时的首选项。例如,如果您在某家航空公司的站点上查阅了航班时刻表,该站点可能就创建了包含您的旅行计划的 Cookie。也可能只记录了您在该站点上曾经访问过的页面,由此帮助您下次访问该站点时自定义查看。
Cookies 也可以存储个人可识别信息。个人可识别信息是可以用来识别或联系您的信息,例如您的姓名、电子邮件地址、家庭或工作单位地址,或者电话号码。然而,网站只能访问您提供的个人可识别信息。例如,除非您提供电子邮件名称,否则网站将不能确定您的电子邮件名称。另外,网站不能访问计算机上的其他信息。
一旦将 cookie 保存在计算机上,则只有创建该 cookie 的网站才能读取它。
使用 Cookie 时的选择
Internet Explorer 允许使用 Cookie;但是,可以更改隐私设置来指定 Internet Explorer 将 Cookie 放到计算机上之前给出提示(让您决定允许或阻止 Cookie);或者防止 Internet Explorer 接受任何 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 < arrCookie.length 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 = "" //清空
deleteCookie("txtContent")
}
//删除cookie
function deleteCookie(name) {
var date = new Date()
//设定到期时间,小于当前时间,即失效,即是删除
date.setTime(date.getTime() - 10000)
document.cookie = name + "=v expires=" + date.toGMTString()
} <textarea id="txtContent" rows="10" cols="50"></textarea>
<br/>
<input type="button" onclick="showTxt()" value="显示"/>
<div id="showDiv"></div>
PS:
需要部署在IIS上,才能正常写入,直接存在HTML,并打开不会生效
因为没有设定cookie失效时间,默认为关闭浏览器即失效
所以读取效果,只在页面刷新时体现