将数据保存到Cookie:
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" src="jquery-1.3.1.js"></script>
<script language="javascript">
$(document).ready(function(){
$("#btncookie").click(function(){
//设置保存到cookie的值跟时间
cookie.SET("Aien_currentID",$("#txtcookie").val(),30);
});
//从cookie中获得数据
var currentID=cookie.GET("Aien_currentID");
if(currentID!=null){
$("#txtcookie").val(currentID); //为文本框赋值
}
});
var cookie={
SET : function(name, value, days) {
var expires = "";
if (days) {
var d = new Date();
d.setTime(d.getTime() + days * 24 * 60 * 60 * 1000);
expires = "; expires=" + d.toGMTString();
}
document.cookie = name + "=" + value + expires + "; path=/";
},
GET: function (name) {
var re = new RegExp("(\;|^)[^;]*(" + name + ")\=([^;]*)(;|$)");
var res = re.exec(document.cookie);
return res != null ? res[3] : null;
}
};
</script>
</head>
<body>
<table>
<tr>
<td>
UserName:
</td>
<td>
<input type="text" id="txtcookie" />
</td>
<td>
<input type="button" value="Save to Cookie" id = "btncookie" />
</td>
</tr>
</table>
</body>
</html>
参看:http://dev.mo.cn/article_216.html
结果: