jsDOM编程-window
![jsDOM编程-window]( "jsDOM编程-window")
![jsDOM编程-window]( "jsDOM编程-window")
一。window对象
1.实例一–window.close关闭当前窗口
（1）html文件
<script type=”text/javascript” language=”javascript” src=”test12.js”></script>
</head>
<body onload=”currenttime1()”>
<span id=”div1″ ></span>
<input type=”button” value=”关闭浏览器” onclick=”closebrowser()”/>
</body>
（2）js文件
function closebrowser(){
window.close();//关闭当前窗口
}
function currenttime1(){
document.getElementByIdx_x_x_x_x_x_x(“div1″).innerText=new Date().toLocaleString();//在两个元素之间添加文本
// alert(“111″);
setTimeout(‘currenttime()’,500);//设置延时
}
2.实例2—setInterval,clearInterval,settimeout
(1)html文件
<script type=”text/javascript” language=”javascript” src=”test12.js”></script>
</head>
<body >
<span id=”div1″ ></span>
<input type=”button” value=”关闭浏览器” onclick=”closebrowser()”/>
</body>
（2）js文件
var count=0;
function currenttime1(){
++count;
if(count==10){
clearInterval(mytimer);//终止mytimer时间间隔
count=0;//将count置为0
setTimeout(“rerun()”,5000);//设置延时并调用rerun函数
}
document.getElementByIdx_x_x_x_x_x_x(“div1″).innerText=new Date().toLocaleString();
// alert(“111″);
}
var mytimer=setInterval(“currenttime1()”,500);//启动函数，使function每隔500毫秒运行一次
function rerun(){
mytimer=setInterval(“currenttime1()”,500);
}
3.实例3–moveTo()将窗口的左上角移动到指定坐标
function moveto1(){
window.moveTo(100,200);//moveTo是使窗口左上角移动到指定的坐标
}
4.实例4–opener得到父窗口的应用
（1）父窗口
<html>
<head>
<title>父窗口</title>
<script type=”text/javascript” src=”test14.js”></script>
</head>
<body>
这是一个窗口<br/>
<input type=”button” value=”创建一个新窗口” onclick=”openwindow()”><br/>
这里会显示子窗口中输入的信息：<span id=”span1″>这里显示消息</span>
<br/><input type=”text” name=”main” id=”main”/><input type=”button” value=”通知子窗口” onclick=”notify2()”/>
</body>
</html>
(2)子窗口
<html>
<head>
<title>这是子窗口</title>
<script type=”text/javascript” src=”test14.js”></script>
</head>
<body>
这是一个子窗口
<input type=”text” name=”window1″ id=”window1″/><input type=”button” value=”通知父窗口” onclick=”notify()”/>
这里将显示父窗口的通知信息：<span id=”span2″></span>
</body>
</html>
（3）js脚本
var newwindow;//定义新窗口对象
function openwindow(){//打开新窗口
newwindow=window.open(“test14_son.html”,”_blank”,”");
}
function notify(){//子窗口通知父窗口
var value1=document.getElementByIdx_x_x_x(“window1″).value;
opener.document.getElementByIdx_x_x_x(“span1″).innerText=value1;
}
function notify2(){//父窗口通知子窗口
var value2=document.getElementByIdx_x_x_x(“main”).value;
newwindow.document.getElementByIdx_x_x_x(“span2″).innerText=value2;//通过心窗口的文档对象做操作
}
5.实例5–5秒钟后实现页面跳转
（1）登录页面
<script type=”text/javascript” language=”javascript” src=”test15.js”></script>
</head>
<body>
<form action=”manager.html” method=”post”>
用户名：<input type=”text” id=”name”><br>
密 码：<input type=”text” id=”password”><br>
<input type=”submit” value=”登录” onclick=”return check()”>
</form>
</body>
（2）js脚本
function check(){
if($(‘name’).value==”ru”&&$(‘password’).value==”123″){
return true;
}else{
window.alert(“用户名或密码错误”);
return false;
}
}
//实现5秒钟后页面跳转
function timeout(){
setTimeout(“jump()”,5000);
}
function jump(){
window.open(“test16.html”,”_self”);//在原页面实现跳转
}
//实现时间（秒）改变
function changetimes(){
setInterval(“changetime()”,1000);
}
function changetime(){
$(“time”).innerText=$(“time”).innerText-1;
}
//简化语句
function $(id){
return document.getElementByIdx_x_x(id);
}
（3）manager页面
<script type=”text/javascript” language=”javascript” src=”test15.js”></script>
</head>
<body onload=”timeout(),changetimes()”>
页面将在<span id=”time”>5</span>秒钟后跳转
</body>
http://blog.sina.com.cn/s/blog_976e4957010144b1.html