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

来源：互联网发布：怎么样盗用别人软件编辑：程序博客网时间：2024/05/04 15:42

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 onclick="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