- 浏览: 488915 次
- 性别:
- 来自: 杭州
文章分类
- 全部博客 (247)
- java框架-struts2 (11)
- java框架-spring (6)
- 开发工具-myeclipse (8)
- 技术标准-webservice (1)
- 技术标准-opensaml2 (1)
- 开发语言-java (13)
- 开发语言-asp (4)
- 数据库-oracle (25)
- 数据库-mysql (4)
- 前端开发-css (15)
- 前端开发-javascript (34)
- 图片处理 (7)
- 事务处理 (1)
- SVN (2)
- 系统-linux (41)
- 系统-solaris (13)
- 系统-windows (8)
- web容器-glassfish (5)
- 单点登录-Shibboleth (0)
- 其他技术 (18)
- 技术无关 (6)
- 开发语言-jsp (2)
- 前端开发-html (1)
- LDAP相关 (11)
- 单点登录-cas (0)
- php (0)
- 门户-uportal (0)
- 单点登录-opensso (1)
- json (1)
- Android (2)
最新评论
-
wzwahl36:
http://www.atool.org/ico.php这个生 ...
Photoshop制作Favicon.ico图标(转载) -
wgimperial:
帮我解决了问题,谢谢LZ
如何让 href 失效(转) -
Finishx:
[color=olive][/color][size=medi ...
iframe跨域(转) -
q79969786:
不能删,上了这个workspace就是空的了
java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContainer -
hw1287789687:
showrev
在SOLARIS下如何查看版本号
一、父窗口调用iframe子窗口方法
1、HTML语法:<iframe name="myFrame" src="child.html"></iframe>
2、父窗口调用子窗口:myFrame.window.functionName();
3、子窗品调用父窗口:parent.functionName();
简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行
4、父窗口页面源码:
<html>
<head>
<script type="text/javascript">
function say() {
alert("parent.html------>I'm at parent.html");
}
function callChild()
{
//document.frames("myFrame").f1();
myFrame.window.say();
}
</script>
</head>
<body>
<input type=button value="调用child.html中的函数say()" onclick="callChild()">
<iframe name="myFrame" src="child.html"></iframe>
</body>
</html>
5、子窗口页面:
<html>
<head>
<script type="text/javascript">
function say()
{
alert("child.html--->I'm at child.html");
}
function callParent() {
parent.say();
}
</script>
</head>
<body>
<input type=button value="调用parent.html中的say()函数" onclick="callParent()">
</body>
</html>
二、iframe 父窗口和子窗口相互的调用方法
1、IE中使用方法:
父窗口调用子窗口: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';"
2、Firefox中使用方法:
上面在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://hi.wonsoft.cn
";
子窗口调用父窗口:parent.document.getElementById("parent_document_object").object_attribute = attribute_value
例: parent.document.getElementById("myH1").innerHTML = "http://wonsoft.cn
";
3、完整的例子
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://hi.wonsoft.cn
";
}
</script>
</HEAD>
<BODY>
<iframe height="350" width="600" src="iframe_test.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://wonsoft.cn
;
}
</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" 。(http://chenling1018.blog.163.com/blog/static/1480254200811891041694/
)
三、在c#中如何动态改变iframe的src值,动态指向一个网页
1)如果是javascript脚本
给iframe加一个ID如<iframe id=frmList……
在脚本写
frmList.document.location=strNewUrl
2)如果是后台程序
给iframe加一个ID,再加上runat=server 如<iframe id=frmList runat=server ……
在程序里写
frmList.Attributes.Add("src",strNewUrl);
iframe大家都很熟悉,但很少我们会直接调用iframe链接页面的函数,可能有不少人还不知道如何调用,这里发个简单的例子来讲解如何调用iframe内的函数
sxmsxm.html
<script> function sonfun() { alert('ok'); } </script>
main.html
<iframe id="sxm" src="sxmsxm.html" width='100' height='100'></iframe>
在main.html中执行 sxmsxm.html中的sonfun() 有两种方式
1、 sxm.sonfun()
2、document.getElementById("sxm").contentWindow.sonfun();
发表评论
-
回调函数实例
2013-08-21 09:14 617<script type="text/ja ... -
jquery完全遮盖+弹出框
2013-08-20 15:23 1102<!DOCTYPE HTML PUBLIC &quo ... -
ul li 拖动排序jquery-ui.js
2013-07-30 15:40 1615<html> <head> ... -
table tr 拖动排序插件jquery.tablednd.js
2013-07-30 15:31 2956<html> <head> ... -
可移动弹出层
2012-09-21 14:32 805<!DOCTYPE html PUBLIC " ... -
[转]jquery的checked以及disabled
2012-01-16 10:51 1135http://archive.cnblogs.com/ ... -
javascript实现图片轮换效果
2011-11-29 16:46 1549<script type="text/java ... -
js动态加载css文本
2011-11-10 15:26 939<html> <head> ... -
MathJax+MathML
2011-09-06 10:46 2219<html> <head> ... -
js中使用正则表达式实现replaceAll方法
2011-08-26 15:55 1087http://www.360doc.com/content/1 ... -
js控制onclick事件实例
2011-04-27 12:33 1573<html> <head> ... -
判断iframe是否加载完毕的方法(兼容ie和Firefox)(转)
2011-04-27 10:30 1666<html> <head> < ... -
颜色搭配器
2011-03-10 11:41 1371<!DOCTYPE HTML PUBLIC " ... -
浮动图片 广告图片 示例
2011-01-11 15:00 1263<!DOCTYPE html PUBLIC " ... -
经常会遇到这样一种情况。 在iframe里嵌入另外一个页面时。如果iframe载入的页面响应较快,或许我们感觉不到页面载入的不同步,但试想,如果一个需要内嵌到i
2010-12-26 15:28 464经常会遇到这样一种情况。 在iframe里嵌入另外一个页面时 ... -
iframe载入完成时的事件监听
2010-12-26 15:27 1585经常会遇到这样一种情况。 在iframe里嵌入另外一个页面时 ... -
屏蔽键盘及鼠标相关代码
2010-12-26 14:09 1028<!DOCTYPE HTML PUBLIC " ... -
iframe+js实现页面全屏、淡入淡出切换
2010-12-26 14:07 3690index.html <html> <h ... -
js判断浏览器类型
2010-12-24 13:21 770var Sys = {}; ... -
如何遍历一个未知的object类型的属性(转)
2010-10-18 13:48 1507原文:http://venrains.iteye.com/bl ...
相关推荐
本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法(含JS、JQuery方法)
NULL 博文链接:https://terryang.iteye.com/blog/292913
JavaScript实现IFrame子窗口调用父窗口的全局变量
jquery、js调用iframe父窗口与子窗口元素的方法整理.docx
本节主要介绍了jquery、js调用iframe父窗口与子窗口元素的方法,需要的朋友可以参考下
easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值,详情链接:
主要介绍了Chrome下ifame父窗口调用子窗口的问题,需要的朋友可以参考下
使用iframe的时候,可能会涉及到父子窗口之间传值和方法的相互调用,之前一直有些迷糊,也没有着意去弄清楚,这两天要干活,没法子了只好把这都弄明白了。其实非常简单,就那么几个用法,几句代码而已。 子窗口中...
但是,如果一个文档定义了一个或者多个框架(即:包含一个或者多个frame或者iframe标签),浏览器就会为原始文档创建一个window对象,再为每个iframe创建额外的window对象,这些额外的window对象是原始窗口的子窗口。...
NULL 博文链接:https://747017186.iteye.com/blog/2168620
实例如下: //调用父类方法 window.parent.exportData($('#shownum').val(),$('#splitstr').val())...以上这篇layer.open关闭父窗口 以及调用父页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希
第一:父窗口打开子窗口是一个新增用户信息的iframe子页面,点击保存后,子窗口iframe则去调用父窗口的function closeAddWindow()方法,让父窗口去关闭新增页面; 第二:父窗口打开一个设置用户权限的iframe子窗口,...
子窗口刷新父窗口 self.window.opener.locaction.reload(); 刷新一open()方法打开的窗口 window.opener.location.href = window.opener.location.href 刷新以winodw.showModelDialog()方法打开的窗口 window....
利用js做网页的时候常常需要用到的很强大的弹窗工具,调用得当能够遮盖你的整个页面(即使由多个iframe组成)。压缩包里面还有解决关闭子窗口时刷新父窗口的方法,很好很强大。
为了使用它,在父窗口中包含 parent.js 文件和在嵌套窗口中包含 iframe.js 文件就足够了。 iframe.js 文件覆盖 localtStorage setItem 、 getItem和removeItem方法,并提供延迟接口等待结果。 代码示例 在嵌套页面...
layer弹窗:top.layer弹窗到父页面跨域,通过postMessage方法将子页面的配置对象发送到父页面中,父页面再通过子页面的配置对象打开弹窗,对象内不能存在事件。
用iframe、弹出子页面刷新父页面iframe [removed] parent.location.reload();...子窗口刷新父窗口 [removed] self.opener.location.reload(); [removed] 刷新以open()方法打开的窗口 [removed] win