JS操作Cookies实例：保存网页实时输入的文字

发布时间：2018-08-18 16:18:36 所属栏目：交互来源：站长网

导读：JS操作Cookies实例：保存网页实时输入的文字，cookies的用法也是想当广泛的，像网页上的拖动、购物车等等，都是基于Cookie的，希望通过本实例，你能掌握Js中Cookies的具体用法。示例： htmlheadmeta http-equiv=content-type content=text/html; charset=

　　JS操作Cookies实例：保存网页实时输入的文字，cookies的用法也是想当广泛的，像网页上的拖动、购物车等等，都是基于Cookie的，希望通过本实例，你能掌握Js中Cookies的具体用法。

　　示例：

<html> <head> <meta http-equiv="content-type" content="text/html; charset=GB2312" /> <title>Cookies记事贴</title>  <style> * { font-size:12px; font-family:宋体, Arial; font-weight:normal; color:#333; } /*规定了所有的字体样式*/ textarea { width:100%; height:98%; border:1px solid black; } /*定义多行文本框的样式*/ </style>  <script> function read_cookie(key){ var str, ary; str = document.cookie; ary = str.replace(/ *; */g, ";").split(";"); key = escape(key) + "="; for(var i=0; i<ary.length; i++){ if(ary[i].indexOf(key)==0){ return(unescape(ary[i].split("=")[1])); } } } function write_cookie(key, value, cookieDomain, cookiePath, expireTime, targetWindow){ var strAppendix=""; strAppendix+=cookieDomain?";domain="+cookieDomain:""; strAppendix+=cookiePath?";path="+cookiePath:""; strAppendix+=expireTime?";expires="+expireTime:""; targetWindow=targetWindow?targetWindow:top; targetWindow.document.cookie=escape(key) + "=" + escape(value) +strAppendix; } function loadData(){ if(read_cookie("txt1"))$("txt1").value = read_cookie("txt1"); } function saveData(){ var dt = new Date(); dt.setYear(dt.getYear()+2); write_cookie("txt1",$("txt1").value,false,false,dt.toUTCString()); } function $(str){ return(document.getElementById(str)); } </script> </head> <body style="overflow:auto;" onload="loadData();" onunload="saveData();"> <input type="text" id="txt1" size="200" value="欢迎访问烈火学院，Veryhuo.COM，我们拒绝采集，Ｌｉｅｈｕｏ．Ｎｅｔ" /> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：淮安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!