js 父窗口控制子窗口的行為-打開，關閉，重定位，回復

2024-05-06 14:10:22

字體：大中小

來源：轉載

供稿：網友

測試的時候，注意當前目錄中，有代碼中的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>

上一篇：jQuery溫習篇強大的JQuery選擇器

下一篇：js實現tab選項卡函數代碼