前端临时保存编辑的草稿文件

最新推荐文章于 2025-03-17 10:42:37 发布

梦之翼618720

最新推荐文章于 2025-03-17 10:42:37 发布

阅读量792

点赞数

分类专栏： js 文章标签： cookie

本文链接：https://blog.csdn.net/qq_40112624/article/details/114915217

版权

js 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种利用JavaScript实现的简单方法，通过设置浏览器的Cookie来保存和读取用户输入的文本内容。此方法适用于需要短期存储少量文本数据的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
	<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function setCookie(name, value, expires, path, domain, secure) {
        var curCookie = name + "=" + escape(value) +
                ((expires) ? "; expires=" + expires.toGMTString() : "") +
                ((path) ? "; path=" + path : "") +
                ((domain) ? "; domain=" + domain : "") +
                ((secure) ? "; secure" : "")
        if ( (name + "=" + escape(value)).length <= 4000){
                document.cookie = curCookie
                }
        else
                if (confirm("Cookie exceeds 4KB and will be cut!"))
                        document.cookie = curCookie
}
function getCookie(name) {
        var prefix = name + "="
        var cookieStartIndex = document.cookie.indexOf(prefix)
        if (cookieStartIndex == -1)
         return null
        var cookieEndIndex = document.cookie.indexOf(";",     cookieStartIndex + prefix.length)
        if (cookieEndIndex == -1)
                cookieEndIndex = document.cookie.length
        return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
}
function savecookie(){
         var cont=document.getElementById("te").value;
         if(cont){
         var data=new Date();
         //data.setTime(data.getTime() + 1*24*3600*1000*1000); //对应天,小时,秒,自己换算设置
         data.setTime(data.getTime() + 10000); //对应天,小时,秒,自己换算设置
         setCookie("cont",cont,data);
         }
}
window.onload=function(){
    var cont=getCookie("cont");
    if(cont) document.getElementById("te").value=cont;
}
</script>
</head>
<body> 
    <div >
       <input type=area id="te" ><input type=button value="保存进cookie"         id=cook onclick=savecookie() />
    </div> 
</body>
</html>