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

oracle_api

浏览: 205737 次
性别:
来自: 深圳

最近访客更多访客>>

jimzhao

learnschema1

atianchen

蜗牛飞

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2017-07 ( 13)
2017-06 ( 13)
2017-05 ( 22)
更多存档...

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

博客分类：

Javascript

例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"/>

分享到：

Javascript window 中的其它对象 | Javascript window 对象 + 浮动广告

2014-02-03 18:58
浏览 824
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

JSON数据与JavaScript对象转换

类函数， 原型对象 与 构造方法之间的关系

Javascript 识别对象的类型

Javascript 函数的特殊用法

Javascript 函数中的属性、方法和构造函数

Javascript 调用Javascript函数的四种方式

Javascript 对象序列化与反序列化

Javascript 对象的三属性

Javascript 属性的特性

属性的遍历，删除，检测

Javascript 创建对象的四种方法，类的三种属性，三种方法

Javascript window 中的其它对象

Javascript window 对象 + 浮动广告

Javascript事件对象+鼠标拖动实例

Javascript事件对象+贪吃蛇

Javascript事件操作

Javascript 获取DOM对象

Javascript 实例-- 滑动菜单

Javascript 实例--全选反选

Javascript 正则表达式

最近访客更多访客>>

类函数，原型对象与构造方法之间的关系