关于window.opener的用法

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="#" onclick="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页面中的其他东西.

你可能感兴趣的:(JavaScript,html,XHTML,idea)