设为首页
|
加入收藏
您好,欢迎来到点滴吧!
手机版
www.diandiba.com
记录点点滴滴,尽在点滴吧
文章
文章
特效
素材
景点
首页
手机
建站
源码
服务器
生活
常识
健康
美食
美容
旅游
景点
攻略
游记
特产
知识
笑话
名句
散文
故事
编程
ASP
PHP
.NET
SQL
软件
Office
QQ
Photoshop
特效
幻灯片
图片相册
播放器
素材
图片
PSD素材
网页模板
您现在的位置:
首页
>
其它特效
> 特效详情
JS Cookies用法示例:记事贴
更新时间:2015/6/25 14:02:46 下载:6494次
<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="在这里输入内容,关闭页面再次打开,修改后的内容依然存在" /> </body> </html>
预览效果
复制代码
保存代码
提示:可以先修改部分代码后再运行
JavaScript中Cookies的用法示例,cookies的用法也是想当广泛的,像网页上的拖动、购物车等等,都是基于Cookie的,希望通过本实例,你能掌握Js中Cookies的具体用法。
上一个素材:
一个Banner广告收缩效果
下一个素材:
四代新版旅游网站基本信息调用
相关特效
一个Banner广告收缩效果
JS Cookies用法示例:记事
可翻阅上一条、下一条文字
jQuery+HTML5微信大转盘抽
导航分类
热门文章
1
一个Banner广告收缩效果
2
Zepto.js宝箱开启动画抽奖
3
可翻阅上一条、下一条文字切换
4
JS Cookies用法示例:记事贴
5
jQuery+HTML5微信大转盘抽奖代
6
微信客户端抽奖转盘效果
7
四代新版旅游网站基本信息调用
8
jquery地图展示全国网点特效代
9
兼容IE\FF的加入收藏夹和设为
10
SiteWeaver数据库结构表
关于我们
|
联系我们
|
免责声明
|
网站地图
|
CopyRight 2012-2015 www.diandiba.com - 点滴吧 All Rights Reserved
滇ICP备09005765号-2