本示例主要实现如下效果
1.利用preLogin页面做为过度
用window.open()设置并打开login页面
同时关闭preLogin
2.用login页面 访问xml档 进行用户验证
通过验证后 用window.location.href进入index页面
并将用户名称传入index页面
说明：
(本次示例有部分代码 来源于互联网上
在此向原作者表示感谢
是他们的无私分享 让我们更快的进步)
============
示例代码如下：
+++++++++++++
preLogin.htm
+++++++++++++
<html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>预进入页面</title></head><body>
<script language="javascript">
window.open("login.htm","welcome","dependent=no,location=no,height=200,width=300,left=300,top=300,"); window.opener = null;
window.close();</script></body></html>++++++
login.htm
++++++
<html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>欢迎登陆</title> <script type="text/javascript" language="javascript"> function btnLogin()
{
// var currUserID = document.all.txtUserID.value; var currUserPWD = document.all.txtUserPWD.value; // var xmlDoc = new ActiveXObject('MSXML2.DOMDocument'); xmlDoc.async = false; xmlDoc.load("../xml/user.xml"); // userNode = xmlDoc.selectSingleNode("/users/user[userID='"+currUserID+"']"); if(userNode != null) { var userID = userNode.childNodes(0).text; var userPWD = userNode.childNodes(1).text; if( (userID != currUserID) || (userPWD != currUserPWD) ) { alert("用户密码输入错误");
} else { window.location.href = "index.htm?currUserID="+currUserID; window.moveTo(180,90); window.resizeTo(700,600); } } else { alert("用户名称输入错误"); } } </script></head><body bgcolor="silver" > <br /> <br /><table align="center" bgcolor="silver"><thead title="欢迎登陆"></thead><tr><td>用户名称</td><td> <input id="txtUserID" type="text" maxlength="20" /></td></tr><tr><td>用户密码</td><td> <input id="txtUserPWD" type="password" maxlength="20" style=" 149px" /></td></tr><tr><td colspan="2" align="center"> <input id="btnLogin" type="button" value="登陆" onclick="btnLogin();" /> <input id="btnExit" type="button" value="取消" onclick="self.close();" /></td></tr></table></body></html>+++++++++
index.htm
+++++++++
<html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>DailyTips主界面</title> <script language="javascript" type="text/javascript"> function Request(strName) { var strHref = window.document.location.href; var intPos = strHref.indexOf("?"); var strRight = strHref.substr(intPos + 1); var arrTmp = strRight.split("&"); for(var i = 0; i < arrTmp.length; i++) { var arrTemp = arrTmp[i].split("="); if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1]; } return ""; } var currUserID = Request("currUserID"); document.title = currUserID+" DailyTips" </script></head><body></body></html>