js 父窗口控制子窗口的行为-打开，关闭，重定位，回复

最新推荐文章于 2021-09-19 22:06:02 发布

OkidoGreen

最新推荐文章于 2021-09-19 22:06:02 发布

阅读量2.4k

点赞数

分类专栏： Javascript-概述

Javascript-概述专栏收录该内容

59 篇文章 1 订阅

订阅专栏

测试的时候，注意当前目录中，有代码中的html文件。

复制代码代码如下:

 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
 
 <html xmlns="http://www.w3.org/1999/xhtml">  
 
 <head>  
 
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
 
 <title>Windows窗口打开</title>  
 
 <script language="javascript">  
 
 var winID = null;  
 
 //打开窗口  
 
 function openWindow()  
 
 {  
 
 winID = window.open("windowTime.html","JavaScript");  
 
 }  
 
 //关闭窗口  
 
 function closeWindow()  
 
 {  
 
 if(winID && winID.open && !winID.closed)  
 
 {  
 
 winID.close();  
 
 }  
 
 }  
 
 //更改URL网址  
 
 function changeURL(newURL)  
 
 {  
 
 if(winID && winID.open && !winID.closed)  
 
 winID.location.href = newURL;  
 
 }  
 
 </script>  
 
 </head>  
 
 <body οnunlοad="closeWindow()">  
 
 <h2>窗口的打开与关闭  
 
 <hr />  
 
 <form>  
 
 <input type="button" value="打开窗口" οnclick="openWindow()" />  
 
 <input type="button" value="关闭窗口" οnclick="closeWindow()" />  
 
 <input type="button" value="显示性的url" οnclick="changeURL('yes.html')" />  
 
 <input type="button" value="重新新窗口的URL" οnclick="changeURL('displayClock.html')" />  
 
 </body>  
 
 </html>