本示例主要实现如下效果
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
>
![](https://i-blog.csdnimg.cn/blog_migrate/34031c708bfe702fe82d01ff5c6593aa.gif)
<
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
>
![](https://i-blog.csdnimg.cn/blog_migrate/34031c708bfe702fe82d01ff5c6593aa.gif)
<
script
type
="text/javascript"
language
="javascript"
>
function btnLogin()
![](https://i-blog.csdnimg.cn/blog_migrate/3112b7b6526db5bc83e275260ae60525.gif)
{
//
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)
![](https://i-blog.csdnimg.cn/blog_migrate/3112b7b6526db5bc83e275260ae60525.gif)
{
var userID = userNode.childNodes(0).text;
var userPWD = userNode.childNodes(1).text;
if( (userID != currUserID) || (userPWD != currUserPWD) )
![](https://i-blog.csdnimg.cn/blog_migrate/3112b7b6526db5bc83e275260ae60525.gif)
{
alert("用户密码输入错误");
}
else
![](https://i-blog.csdnimg.cn/blog_migrate/3112b7b6526db5bc83e275260ae60525.gif)
{
window.location.href = "index.htm?currUserID="+currUserID;
window.moveTo(180,90);
window.resizeTo(700,600);
}
}
else
![](https://i-blog.csdnimg.cn/blog_migrate/3112b7b6526db5bc83e275260ae60525.gif)
{
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
="width: 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
>
![](https://i-blog.csdnimg.cn/blog_migrate/34031c708bfe702fe82d01ff5c6593aa.gif)
<
script
language
="javascript"
type
="text/javascript"
>
function Request(strName)
![](https://i-blog.csdnimg.cn/blog_migrate/3112b7b6526db5bc83e275260ae60525.gif)
{
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++)
![](https://i-blog.csdnimg.cn/blog_migrate/3112b7b6526db5bc83e275260ae60525.gif)
{
var arrTemp = arrTmp[i].split("=");
if(arrTemp[0].toUpperCase() == strName.toUpperCase())
return arrTemp[1];
}
return "";
}
var currUserID = Request("currUserID");
document.title = currUserID+" DailyTips"
![](https://i-blog.csdnimg.cn/blog_migrate/587e34b10dcf5efbc0859b53470a2db3.gif)
</
script
>
</
head
>
<
body
>
</
body
>
</
html
>