关于window.opener的用法

最新推荐文章于 2022-07-01 14:57:54 发布

iteye_106

最新推荐文章于 2022-07-01 14:57:54 发布

阅读量134

点赞数

分类专栏： javascript 文章标签： HTML JavaScript XHTML IDEA ViewUI

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

window.opener 的用法

window.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写为：

window.opener.document.getElementById("name").value = "输入的数据";

我的例子:

HTML页面A.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>父类窗口</title>
</head>
<script language="javascript">
	function rollbackMethod(){
		window.alert("回调的方法");
	}
</script>
<body>

<div align="center"><a href="#" οnclick="window.open('B.html', '', '');">打开新的窗口</a></div>
<br/><br/><br/><br/>
<div align="center"><a href="son.html" target="_blank">连接打开新的窗口</a></div>
</body>
</html>

HTML页面B.htm

<!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>子类页面</title>
</head>

<script language="javascript">
	window.opener.rollbackMethod();
</script>

<body>


</body>
</html>

这样就可以实现A页面打开的B页面中调用A页面中的js函数和A页面中的其他东西.

iteye_106

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于window.opener的用法

window.opener 的用法 window.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写为： window.opener.document.getElementById("name").value = "输入的数据"; ...
复制链接

扫一扫

专栏目录