<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>day7</title>
</head>
<link id="cssId" type="text/css" rel="styleSheet" href="css/redSkin.css"/>
<script type="text/javascript">
//给cookie中保存键值对
function save(){
//1、键值对的字符串
var str = "userName=jzm&userPass=123";
//2、失效时间(5天后)；
var myDate = new Date();
myDate.setDate(myDate.getDate()+5);
document.cookie = str+";expires="+myDate.toGMTString();
}
function getSkin(){
var str = document.cookie;//abcuserName=ttt&userName=jzm&userPass=123
alert(str);
//解析字符串str；
var userNameStr ;
var userPassStr;
//1、把字符串以 & 分割放到数组中；、
var keyArr = str.split("&");
/*
keyArr[0] abcuserName=ttt
keyArr[1] userName=jzm
keyArr[2] userPass=123
*/
for(var i=0;i<keyArr.length;i++){
if(keyArr[i].indexOf("userName=")==0){
userNameStr = keyArr[i].substring(9);
}
if(keyArr[i].indexOf("userPass=")==0){
userPassStr = keyArr[i].substring(9);
}
}
alert("用户名："+userNameStr);
alert("密码："+userPassStr);
}
</script>
<body onload="getSkin()" >
<input type="button" value="保存用户名和密码" onclick="save()"/>
</body>
</html>