在父窗口调用iframe里面的函数（各浏览器兼容）

最新推荐文章于 2021-08-08 13:17:37 发布

lyz19890927

最新推荐文章于 2021-08-08 13:17:37 发布

阅读量1.4k

点赞数

分类专栏：父窗口 js iframe 文章标签： iframe 浏览器 function chrome access object

js 同时被 3 个专栏收录

4 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

I struggled with this problem for a while and finally found a rocksolid solution through a posting by Bobince in Stackoverflow ( here ):

Instead of searching the function from the parent side, it is much saver and more predictable to hand over a function object from the IFrame side. This also makes it very easy to check if the IFrame function has already loaded. It works like a charm in Chrome, FF, IE 9, 8 and even 7.

Here is an example:

TESTouter.html

Copy code

<html>
<head>
<script type="text/javascript">
var gIframeFunc = undefined;
function callIframeFunc(){
if(typeof gIframeFunc != 'undefined'){
gIframeFunc();
}else{
alert('Iframe function not available')
}
}
</script>
</head>
<body>
<iframe id="myIframe" src="TESTinner.html"></iframe>
<button οnclick="callIframeFunc();">Access function</button>
</body>
</html>

TESTinner.html

Copy code

<html>
<head>
<script type="text/javascript">
function iframeFunc(){
alert('Iframe function IS WORKING')
}
parent.gIframeFunc = iframeFunc;
</script>
</head>
<body>
This is the iframe body.
</body>
</html>

Cheers, Jörg.

来自Calling Function inside an iFrame

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。