html 怎么设置cookie

html-css05

html 怎么设置cookie,第1张

Cookie

一些网站会在您的计算机上的以小文本文件存储信息。这种文件称为 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失效时间,默认为关闭浏览器即失效

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