<html> <head> <meta charset="utf-8"> <title>window对象方法</title> </head> <body> <div style="text-align:center;text-">Window对象的方法</div> <div id="divId"></div> <input type="button" value="取消间歇定时器" onclick="clearInter()"/> <input type="button" value="打开新窗口" onclick="moveWin()"/> <input type="button" value="改变浏览器窗口大小" onclick="resizeWin()"/> <input type="button" value="打开新窗口" onclick="openWin()"/> <input type="button" value="新窗口自动关闭" onclick="testWin()"/> <input type="button" value="模态对话框自动关闭" onclick="testDialog()"/> <script language="javascript"> //01alert //window.alert("alert!!!"); //02 确认对话框 //window.confirm("???"); //03 输入信息对话框 //window.prompt("提示信息","默认值"); //04 close() 关闭当前浏览器窗口 //window.close(); //05 导航到指定URL资源 //window.navigate("http://www.baidu.com"); //window.navigate('http://www.baidu.com'); //06 间歇定时器 var int=setInterval("inner()",2000); var s=""; function inner(){ var div=document.getElementById("divId"); s+="Hello World!!!<br/>"; div.innerHTML=s; } //07 定时计时器 //setTimeout('inner()',5000); //08 取消间歇定时器 //即使得当前间歇计时器停止执行，执行过的内容仍在 function clearInter(){ window.clearInterval(int); } //09 取消定时计时器 参数为计时器变量 //window.clearTimeout(int); //10 移动浏览器窗口到指定的屏幕位置 //在IE浏览器中有效 function moveWin(){ myWin=window.open('http://www.baidu.com','_blank','width=200,height=100'); myWin.document.write("新窗口！！！"); myWin.moveTo(0,0); myWin.focus(); } //11 改变浏览器窗口大小 function resizeWin(){ window.resizeTo(400,400); } //12 打开新窗口 function openWin(){ window.open('http://www.baidu.com','_blank','top=10,left=0,toolbar=no,width=100,height=100'); } //13 模态对话框窗口 必须关闭模态对话框才能在原始网页窗口进行操作 //window.showModalDialog('http://www.baidu.com','zhangsan'); //14 非模态对话框窗口 不用关闭模态对话框也能在原始网页窗口进行操作 //window.showModelessDialog('http://www.baidu.com','zhangsan'); //测试打开一个小窗口 5秒后自动关闭 function testWin(){ myWin=window.open("./test02.html","_blank","width=100,height=100"); myWin.moveTo(0,0); setTimeout("myWin.close()",5000); } function testDialog(){ var myDialog=window.showModalDialog(); setTimeout('myDialog.close()',5000); // } </script> </body> </html>
1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>window对象方法</title> 5 </head> 6 7 <body> 8 <div style="text-align:center;text-">Window对象的方法</div> 9 <div id="divId"></div> 10 <input type="button" value="取消间歇定时器" onclick="clearInter()"/> 11 12 <input type="button" value="打开新窗口" onclick="moveWin()"/> 13 14 <input type="button" value="改变浏览器窗口大小" onclick="resizeWin()"/> 15 16 <input type="button" value="打开新窗口" onclick="openWin()"/> 17 18 <input type="button" value="新窗口自动关闭" onclick="testWin()"/> 19 20 <input type="button" value="模态对话框自动关闭" onclick="testDialog()"/> 21 22 <script language="javascript"> 23 //01alert 24 //window.alert("alert!!!"); 25 26 //02 确认对话框 27 //window.confirm("???"); 28 29 //03 输入信息对话框 30 //window.prompt("提示信息","默认值"); 31 32 //04 close() 关闭当前浏览器窗口 33 //window.close(); 34 35 //05 导航到指定URL资源 36 //window.navigate("http://www.baidu.com"); 37 //window.navigate('http://www.baidu.com'); 38 39 //06 间歇定时器 40 var int=setInterval("inner()",2000); 41 var s=""; 42 function inner(){ 43 var div=document.getElementById("divId"); 44 s+="Hello World!!!<br/>"; 45 div.innerHTML=s; 46 } 47 48 //07 定时计时器 49 //setTimeout('inner()',5000); 50 51 //08 取消间歇定时器 52 //即使得当前间歇计时器停止执行，执行过的内容仍在 53 function clearInter(){ 54 window.clearInterval(int); 55 } 56 57 //09 取消定时计时器 参数为计时器变量 58 //window.clearTimeout(int); 59 60 //10 移动浏览器窗口到指定的屏幕位置 61 //在IE浏览器中有效 62 function moveWin(){ 63 myWin=window.open('http://www.baidu.com','_blank','width=200,height=100'); 64 myWin.document.write("新窗口！！！"); 65 myWin.moveTo(0,0); 66 myWin.focus(); 67 } 68 69 //11 改变浏览器窗口大小 70 function resizeWin(){ 71 window.resizeTo(400,400); 72 } 73 74 //12 打开新窗口 75 function openWin(){ 76 window.open('http://www.baidu.com','_blank','top=10,left=0,toolbar=no,width=100,height=100'); 77 } 78 79 //13 模态对话框窗口 必须关闭模态对话框才能在原始网页窗口进行操作 80 //window.showModalDialog('http://www.baidu.com','zhangsan'); 81 82 //14 非模态对话框窗口 不用关闭模态对话框也能在原始网页窗口进行操作 83 //window.showModelessDialog('http://www.baidu.com','zhangsan'); 84 85 //测试打开一个小窗口 5秒后自动关闭 86 function testWin(){ 87 myWin=window.open("./test02.html","_blank","width=100,height=100"); 88 myWin.moveTo(0,0); 89 setTimeout("myWin.close()",5000); 90 } 91 92 function testDialog(){ 93 var myDialog=window.showModalDialog(); 94 setTimeout('myDialog.close()',5000); 95 // 96 } 97 </script> 98 </body> 99 </html>