Javascript window 对象+ 父子窗口之间相互操作

最新推荐文章于 2021-06-28 17:36:13 发布

iteye_19838

最新推荐文章于 2021-06-28 17:36:13 发布

阅读量97

点赞数

分类专栏： Javascript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/iteye_19838/article/details/82568415

版权

Javascript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

例1 用window.open()打开的父子窗口
test.html


<html>
<head>
</head>
<body>
<input type="button" onclick="show(this)" value="blue"/>
<input type="button" onclick="show(this)" value="green"/>
<input type="button" onclick="show(this)" value="red"/>
<script>
var subwin = window.open('sub.html','_blank','top=50,left=50,height=50,width=50');
function show(obj){
	subwin.document.bgColor=obj.value;
}
function test(){
	window.document.title='4444';
}
</script>
</body>
</html>

sub.html

<html>
<head>
<style>

</style>
</head>
<body>
<input type="button" onclick="show(this)" value="blue"/>
<input type="button" onclick="show(this)" value="green"/>
<input type="button" onclick="show(this)" value="red"/>
<input type="button" onclick="opener.test()" value="test"/>
<script>
function show(obj){
	opener.document.bgColor=obj.value;
}
</script>
</body>
</html>

例2 用frame打开的父子窗口
test.html


<frameset rows="100,*">
	<frame name="top" src="">
	<frameset cols="150,*">
		<frame name="menu" src="menu.html">
		<frame name="main" src="">
	</frameset>
</frameset>

menu.html


<input type="button" onclick="window.parent.frames[0].document.bgColor='green'" value="changetop"/>
<input type="button" onclick="window.document.bgColor='red'" value="changeself"/>
<input type="button" onclick="window.top.main.document.bgColor='blue'" value="changemain"/>