父窗口调用子窗口
iframe_ID.iframe_document_object.object_attribute = attribute_value
例子
onClick="iframe_text.myH1.innerText='http://www.pint.com';"
子窗口调用父窗口
parent.parent_document_object.object_attribute = attribute_value
例子
onclick="parent.myH1.innerText='http://www.pint.com';"
上面在IE下没有问题,但在firefox下不正常。在firefox下,应该是
父窗口调用子窗口
window.frames["iframe_ID"].document.getElementById("iframe_document_object").object_attribute = attribute_value
例子
window.frames["iframe_text"].document.getElementById("myH1").innerHTML= "http://www.pint.com";
子窗口调用父窗口
parent.document.getElementById("parent_document_object").object_attribute = attribute_value
例子
parent.document.getElementById("myH1").innerHTML = "http://www.adsf.com";
完整的例子
test.htm
代码:
<HTML>
<HEAD>
<TITLE> Test Page </TITLE>
<script src="prototype-1.4.0.js"></script>
<script language="javascript">
function show(){
window.frames["iframe_text"].document.getElementById("myH1").innerHTML
= "http://www.pint.com";
}
</script>
</HEAD>
<BODY>
<iframe height="350" width="600" src="iframe_text.htm"
name="iframe_text"></iframe>
<form action="" method="post">
<input name="haha" id="haha" type="text" maxlength="30" value="haha"
/><br />
<textarea cols="50" rows="5" id="getAttributeMethod"></textarea>
<input type="button" onClick="show();" value="提交"/>
</form>
<h1 id="myH1">d</h1>
</BODY>
</HTML>
frame_test.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">
function show(){
parent.document.getElementById("myH1").innerHTML =
"http://www.adsf.com";
}
</script>
<body>
<h1 id="myH1">ha</h1>
<form action="" method="post">
<input name="abc" id="abc" type="text" maxlength="30" value="abc" /><br
/>
<textarea cols="50" rows="10" id="text"></textarea> <br />
<input type="button" value="提交" onclick="show();"/>
</form>
</body>
</html>
test.htm里面firefox下访问iframe 必须用name,不能用id
所以要改为name="iframe_test"
<!-- / message -->
分享到:
相关推荐
一、父窗口调用iframe子窗口方法 1、HTML语法:<iframe name=”myFrame” src=”child.html”></iframe> 2、父窗口调用子窗口:myFrame.window.functionName(); 3、子窗品调用父窗口:parent....
NULL 博文链接:https://terryang.iteye.com/blog/292913
JavaScript实现IFrame子窗口调用父窗口的全局变量
本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法(含JS、JQuery方法)
jquery、js调用iframe父窗口与子窗口元素的方法整理.docx
本节主要介绍了jquery、js调用iframe父窗口与子窗口元素的方法,需要的朋友可以参考下
主要介绍了Chrome下ifame父窗口调用子窗口的问题,需要的朋友可以参考下
easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值,详情链接:
NULL 博文链接:https://747017186.iteye.com/blog/2168620
实例如下: //调用父类方法 window.parent.exportData($('#shownum').val(),$('#splitstr').val())...以上这篇layer.open关闭父窗口 以及调用父页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希
第一:父窗口打开子窗口是一个新增用户信息的iframe子页面,点击保存后,子窗口iframe则去调用父窗口的function closeAddWindow()方法,让父窗口去关闭新增页面; 第二:父窗口打开一个设置用户权限的iframe子窗口,...
但是,如果一个文档定义了一个或者多个框架(即:包含一个或者多个frame或者iframe标签),浏览器就会为原始文档创建一个window对象,再为每个iframe创建额外的window对象,这些额外的window对象是原始窗口的子窗口。...
使用iframe的时候,可能会涉及到父子窗口之间传值和方法的相互调用,之前一直有些迷糊,也没有着意去弄清楚,这两天要干活,没法子了只好把这都弄明白了。其实非常简单,就那么几个用法,几句代码而已。 子窗口中...
子窗口刷新父窗口 self.window.opener.locaction.reload(); 刷新一open()方法打开的窗口 window.opener.location.href = window.opener.location.href 刷新以winodw.showModelDialog()方法打开的窗口 window....
利用js做网页的时候常常需要用到的很强大的弹窗工具,调用得当能够遮盖你的整个页面(即使由多个iframe组成)。压缩包里面还有解决关闭子窗口时刷新父窗口的方法,很好很强大。
layer弹窗:top.layer弹窗到父页面跨域,通过postMessage方法将子页面的配置对象发送到父页面中,父页面再通过子页面的配置对象打开弹窗,对象内不能存在事件。
用iframe、弹出子页面刷新父页面iframe [removed] parent.location.reload();...子窗口刷新父窗口 [removed] self.opener.location.reload(); [removed] 刷新以open()方法打开的窗口 [removed] win
当layer以iframe层的方式弹出新的窗口(子页面),如何在子页面中访问父页面的元素和函数。 1、访问父页面元素值 var parentId=parent.$("#id").val();//访问父页面元素值 2、访问父页面方法 var ...