js window窗口大小,定位,及传值

本示例主要实现如下效果
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 ="width: 149px"   />
</ td >
</ tr >
< tr >
< td  colspan ="2"  align ="center" >
    
< input  id ="btnLogin"  type ="button"  value ="登陆"  onclick ="btnLogin();"   />
    
&nbsp;   &nbsp;   &nbsp;
    
< 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 >

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值