案例1:cookie
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
window.onload = function(){
var oDate = new Date();
oDate.setDate(oDate.getDate()+1);
document.cookie = 'user=ldw;expires='+oDate;
alert(document.cookie);
}
</script>
</head>
<body>
</body>
</html>
案例2:封装cookie
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
window.onload = function(){
function setCookie (name,value,iDate){ //创建cookie
var oDate = new Date();
oDate.setDate(oDate.getDate()+iDate);
document.cookie = name+'='+value+';expires='+oDate;
}
//alert(document.cookie);
function getCookie(name){ //获取cookie
var aCookie = document.cookie.split('; ');
for(var i = 0; i < aCookie.length; i++){
var aName = aCookie[i].split('=');
if(aName[0] == name){
return aName[1];
}
}
return '没有这个cookie';
}
//alert(getCookie('sdf'));
function removeCookie(name){ //删除cookie
setCookie(name,1,-1);
}
removeCookie('ldw');
alert(document.cookie);
}
</script>
</head>
<body>
</body>
</html>
案例3:使用cookie记录上一次用户登录名
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
function setCookie(name, value, iDate) { //创建cookie
var oDate = new Date();
oDate.setDate(oDate.getDate() + iDate);
document.cookie = name + '=' + value + ';expires=' + oDate;
}
function getCookie(name) { //获取cookie
var aCookie = document.cookie.split('; ');
for(var i = 0; i < aCookie.length; i++) {
var aName = aCookie[i].split('=');
if(aName[0] == name) {
return aName[1];
}
}
return '没有这个cookie';
}
function removeCookie(name) { //删除cookie
setCookie(name, 1, -1);
alert(getCookie('user'));
}
window.onload = function() {
var oForm = document.getElementById('form1');
var aName = document.getElementsByName('user')[0];
oForm.onsubmit = function() {
setCookie('user', aName.value, 14);
}
aName.value = getCookie('user');
}
</script>
</head>
<body>
<form action='http://www.zhinengshe.com/' id='form1'>
用户名:<input name='user' type="text" /><br> 密码:
<input name='password' type='password' /><br>
<input type="submit" value="提交" />
</form>
</body>
</html>