window.parent与window.opener的区别
来源:互联网 发布:linux 正则匹配文件名 编辑:程序博客网 时间:2024/06/03 16:00
1: window.parent 是iframe页面调用父页面对象
举例:
a.html
程序代码
<html>
<head><title>父页面</title></head>
<body>
<form name="form1" id="form1">
<input type="text" name="username" id="username"/>
</form>
<iframe src="b.html" width=100%></iframe>
</body>
</html>
<head><title>父页面</title></head>
<body>
<form name="form1" id="form1">
<input type="text" name="username" id="username"/>
</form>
<iframe src="b.html" width=100%></iframe>
</body>
</html>
如果我们需要在b.htm中要对a.htm中的username文本框赋值,就如很多上传功能,上传功能页在Ifrmae中,上传成功后把上传后的路径放入父页面的文本框中
我们应该在b.html中写
程序代码
<script type="text/javascript">
var _parentWin = window.parent ;
_parentWin.form1.username.value = "xxxx" ;
</script>
var _parentWin = window.parent ;
_parentWin.form1.username.value = "xxxx" ;
</script>
实例地址: http://www.cnspry.cn/blog/attachments/window.parent实例/a.html
2: window.opener 是window.open 打开的子页面调用父页面对象
a.html
程序代码
<script type="text/javascript">
function openSubWin()
{
var _width = 300 ;
var _height = 200 ;
var _left = (screen.width - _width) / 2 ;
var _top = (screen.height - _height) / 2 ;
window.open("b.html",null,
"height=" + _height + ",width=" + _width + ",status=no,toolbar=no,menubar=no,location=no,resizable=yes,left=" + _left + ",top=" + _top);
}
</script>
<input type="text" name="username" id="username"/>
<input type="button" value="弹出子页面" onClick="openSubWin();">
b.html
程序代码
<script type="text/javascript">
function UpdateParent()
{
var _parentWin = window.opener ;
_parentWin.form1.username.value = "xxxx" ;
}
</script>
<input type="button" name="button" id="button" value="更新主页面的UserName内容" onClick="UpdateParent();">
实例地址: http://www.cnspry.cn/blog/attachments/window.opener实例/a.html
- window.parent与window.opener的区别
- window.opener 与 window.parent 的区别
- window.opener 与 window.parent 的区别
- window.opener 与 window.parent 的区别
- window.parent与window.opener的区别
- window.parent与window.opener的区别
- window.parent与window.opener的区别
- window.parent与window.opener的区别
- window.opener 与 window.parent 的区别
- parent.window ,window.parent ,window.opener,opener.window的区别与用法
- window.parent与window.opener的区别与使用
- window.parent与window.opener的区别与使用
- window.parent与window.opener区别介绍
- window.parent和window.opener的区别
- window.parent window.opener的区别
- window.parent与window.opener
- window.parent 与 window.opener
- window.parent与window.opener
- 寻找成为开发高手的密匙
- 从以空格为分隔符的整数字符串中分离出所有整数的Erlang程序
- salary增长示意图
- 反射应用一则
- Linux之VI命令
- window.parent与window.opener的区别
- 解决ORA-12560: TNS: 协议适配器错误
- No row with the given identifier exists错误
- Oracle数据导入/导出命令
- parseInt()
- RegExp对象
- 深入探索c/c++函数(2)---普通成员函数调用的基本过程
- Oracle 查询Session语句 和Kill语句
- 现代软件构建系统的使用 CMake简介