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>
相关文章
下面小编就为大家带来一篇JS产生随机数的几个用法详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
JavaScript中的私有成员...2006-09-09
今天小编就为大家分享一篇Layui给数据表格动态添加一行并跳转到添加行所在页的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
日常开发中写的 JavaScript 代码,会用到ES6的部分新特性,所以下面这篇文章主要给大家介绍了关于ES6新特性最常用的知识点,文章总结的非常全面,需要的朋友可以参考下2021-11-11
JavaScript Rxjs mergeMap 的使用场合
这篇文章主要介绍了JavaScript Rxjs mergeMap 的使用场合,mergeMap 接收一个函数作为输入参数，这个函数的输入参数就是通过 pipe 链接 mergeMap 的 Observable 里包含的元素2022-07-07
JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法
这篇文章主要介绍了JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法,结合实例形式分析了javascript通过针对单击onclick事件增加定时器进行onClick事件与onDblClick事件的区别判定操作,需要的朋友可以参考下2018-06-06
这篇文章主要介绍了继承行为在 ES5 与 ES6 中的区别详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
我们在项目中往往都能遇到实现左右滑动跟上下滑动的需求,下面这篇文章主要给大家介绍了关于uniapp中scroll-view基础用法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-11-11
javascript作为前端常用的开发语言,越来越多的人都在学习它,下面这篇文章主要给大家介绍了关于如何使用JavaScript打造一个扫雷游戏的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-02-02
最常见的方式是使用js函数操作excle文件，这种方式可能因浏览器不同，存在兼容性问题。另一种简单方法就是导出一个excel能识别格式的xml文件，用excel打开。2013-07-07
最新评论