小编sit*_*ear的帖子

Javascript:从iframe调用父项中的函数

Hello StackOverflow社区,

我遇到了我<iframe>和JavaScript 的问题.假设我的body.html中有一个index.html iframe.内index.html我有这样的<head>标签:

<script type="text/javascript">
    function alertTest() {
        alert("Testing");
    }
</script>
Run Code Online (Sandbox Code Playgroud)

在iframe中src="iframe.htm"(该位置与index.html属于同一个域).在那个iframe.htm页面中我有:

<a href="javascript:void(0);" onclick="window.parent.alertTest();">Click here.</a>
Run Code Online (Sandbox Code Playgroud)

问题是它没有加载提醒,并且在谷歌浏览器中返回错误:

"未捕获的TypeError:对象[对象DOMWindow]的属性'alertTest'不是函数

我已经试过window.parent.alertTest();,window.top.alertTest();,top.alertTest();,parent.alertTest();和几乎所有想出了在我搜索了类似的问题.

您似乎无法从位于所述非iframe内的iframe调用位于非iframe中的函数.

请帮忙!

PS基本上在实际的最终结果中我试图调用Lightbox打开图像功能(使用slimbox因为我能够用javascript而不是从href调用打开的图像功能).我还使用target ="_ parent"属性尝试了这个最终结果.

javascript iframe function parent

3
推荐指数
2
解决办法
4万
查看次数

标签 统计

function ×1

iframe ×1

javascript ×1

parent ×1