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

最新推荐文章于 2020-02-29 11:35:05 发布

qq_26182553

最新推荐文章于 2020-02-29 11:35:05 发布

阅读量732

点赞数

分类专栏： html/js/css/jsp/struts

本文链接：https://blog.csdn.net/qq_26182553/article/details/75047215

版权

html/js/css/jsp/struts 专栏收录该内容

63 篇文章 0 订阅

订阅专栏

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


<html>
<head>
</head>
<body>
<input type="button" οnclick="show(this)" value="blue"/>
<input type="button" οnclick="show(this)" value="green"/>
<input type="button" οnclick="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" οnclick="show(this)" value="blue"/>
<input type="button" οnclick="show(this)" value="green"/>
<input type="button" οnclick="show(this)" value="red"/>
<input type="button" οnclick="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" οnclick="window.parent.frames[0].document.bgColor='green'" value="changetop"/>
<input type="button" οnclick="window.document.bgColor='red'" value="changeself"/>
<input type="button" οnclick="window.top.main.document.bgColor='blue'" value="changemain"/>

qq_26182553

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Javascript window 对象+ 父子窗口之间相互操作

例1 用window.open()打开的父子窗口test.htmlvar subwin = window.open('sub.html','_blank','top=50,left=50,height=50,width=50');function show(obj){ subwin.document.bgColor=obj.value;}fu
复制链接

扫一扫