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

312 阅读 0 评论 206 点赞

我是靠谱客的博主受伤糖豆，最近开发中收集的这篇文章主要介绍js 父窗口控制子窗口的行为-打开，关闭，重定位，回复，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

测试的时候，注意当前目录中，有代码中的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 onunload="closeWindow()"> 
<h2>窗口的打开与关闭 
<hr /> 
<form> 
<input type="button" value="打开窗口" onclick="openWindow()" /> 
<input type="button" value="关闭窗口" onclick="closeWindow()" /> 
<input type="button" value="显示性的url" onclick="changeURL('yes.html')" /> 
<input type="button" value="重新新窗口的URL" onclick="changeURL('displayClock.html')" /> 
</body> 
</html> 