a页面代码：
<html>
<head>
<title>a</title>
<style type="text/css">
* {margin:0}body {text-align:center;min-width:760px} div {padding:3px 3px 3px 3px}#main {width:720px;margin:0 auto;text-align:left;margin-top:30px}#main div span {width:50px}</style>
<script type="text/javascript">
/***
* @param {string} cookieName Cookie名称
* @param {string} cookieValue Cookie值
* @param {number} nDays Cookie过期天数
*/function SetCookie(cookieName,cookieValue,nDays) { /*当前日期*/
var today = new Date();
/*Cookie过期时间*/
var expire = new Date();
/*如果未设置nDays参数或者nDays为0，取默认值1*/
if(nDays == null || nDays == 0) nDays = 1;
/*计算Cookie过期时间*/
expire.setTime(today.getTime() + 3600000 * 24 * nDays);
/*设置Cookie值*/
document.cookie = cookieName + "=" + escape(cookieValue)
+ ";expires=" + expire.toGMTString();
}function login() { var username = $("user").value;
var password = $("pass").value;
/*是否选中7天内无需登录* var save = $("save").checked;
if(username=="abc" && password=="abc") {
if(save) SetCookie("username",username,7) else SetCookie("username",username,1);
/*跳转到ex8.html页面*/
document.location = "b.htm";
} else { alert("用户名或密码错误！");
}
function $(id) { return document.getElementById(id) }</script>
</head>
<body> <div id="main">
<div><span>用户名：</span><input type="text" id="user" /></div>
<div><span>密码：</span><input type="password" id="pass" /></div>
<div>
<input type="checkbox" id="save" />
7天内无需登录 <input type="button" onclick="login()" value="登录" />
</div>
</div>
</body>
</html>
b页面代码：
<html>
<head>
<title>b</title>
<script type="text/javascript">
/****读取指定的Cookie值*@param {string} cookieName Cookie名称*/function ReadCookie(cookieName) { var theCookie = "" + document.cookie;
var ind = theCookie.indexOf(cookieName);
if(ind==-1 || cookieName=="") return "";
var ind1 = theCookie.indexOf(';',ind);
if(ind1==-1) ind1 = theCookie.length;
/*读取Cookie值*/
return unescape(theCookie.substring(ind+cookieName.length+1,ind1));
}function $(id) { return document.getElementById(id);
}function init() { var username = ReadCookie("username");
if(username && username.length>0) {
$("msg").innerHTML = "<h1>欢迎光临," + username + "!</h1>";
} else {
$("msg").innerHTML = "<a href='a.htm'>请登录</a>";
}
}</script>
</head>
<body onload="init()">
<div id="msg"></div>
</body>
效果如下：