js 父窗口控制子窗口的行为-打开，关闭，重定位，回复
更新时间：2010年04月20日 18:07:50 作者：
技术要点可以利用windows的open和closed来对子窗口的控制,需要父窗口和子窗口之间进行互动。
测试的时候，注意当前目录中，有代码中的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>
复制代码 代码如下:
<!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>
相关文章
这篇文章主要介绍了解决微信小程序中的滚动穿透问题,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-09-09
今天小编就为大家分享一篇解决layui弹出层layer的area过大被遮挡的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
微信小程序表单验证插件WxValidate的二次封装功能（终极版）
这篇文章主要介绍了微信小程序表单验证插件WxValidate的二次封装功能（终极版），文中给大家提到了最终版与前面2版的不同点,需要的朋友可以参考下2019-09-09
本文主要介绍了webpack实现静态资源缓存的方法，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
用浏览器无法调试异步加载页面里包含的js文件。简单的说就是在调试工具里面看不到异步加载页面里包含的js文件2014-10-10
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
本文给大家介绍javascript实现高德地图和百度地图提取行政区边界经纬度坐标的相关知识，本文实用性非常高，代码简单易懂，需要的朋友参考下吧2016-01-01
这篇文章主要是对JavaScript中的传值与传引用进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
JS基于设计模式中的单例模式（Singleton）实现封装对数据增删改查功能
这篇文章主要介绍了JS基于设计模式中的单例模式（Singleton）实现封装对数据增删改查功能.结合实例形式分析了javascript基于单例模式结合ajax针对数据库进行增删改查的相关操作技巧,需要的朋友可以参考下2018-02-02
Js刷新框架页方法，有时候需要控制下框架里面的页面内容的刷新，下面的方法整理的比较详细了，需要的朋友可以参考下。2010-04-04
弹出框只弹一次，看到网上也就写的很多，可以直接使用的没有几个，下面与大家分享个修改之后的代码，需要的朋友可以参考下2013-11-11
最新评论