iframe加载的事件处理程序未触发

Question

我的HTML中有一个iframe，要在其完全加载时得到通知。 我有这个测试用例：

<!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>
<title>Test</title>

<script language="javascript" type="text/javascript">
function addListener(el, type, func, capture) {
    if (el.addEventListener){
        el.addEventListener(type, func, capture); 
    } else if (el.attachEvent){
        el.attachEvent('on'+type, func);
    }
}
function addhandlers(frame) {
    addListener(frame, "load", function(e) { onDomLoaded(e); }, true);
}
function onDomLoaded(e) {
    alert("loaded");
}
</script>

</head>
<body>
<form action="#">
<input type="button" value="Add handlers" onclick="addhandlers(window.frames[0]);" />
</form>

<iframe id="frm" height="300" src="test.htm" width="700"></iframe>

</body>
</html>

test.htm文件只是一个标准的html文件，带有一些指向场所的常规链接。

首先，我单击“添加处理程序”按钮以添加侦听器，然后单击iframe中test.htm中的任何链接。 我的期望是我会收到警报，但是什么也没发生。 为什么，如何解决？ 我目前正在寻找在Firefox和IE中都可以使用的解决方案（但是在任何一种浏览器中都没有任何反应）。

Answer 1

一种解决方法是将JavaScript包含在test.htm中

test.htm：

function addListener(el, type, func, capture) {
    if (el.addEventListener){
            el.addEventListener(type, func, capture); 
    } else if (el.attachEvent){
            el.attachEvent('on'+type, func);
    }
}
function addhandlers(frame) {
        addListener(frame, "load", function(e) { onDomLoaded(e); }, true);
}

function onDomLoaded(e) {  
   window.parent.iframeLoaded()
}

parentpage.htm：

function iframeLoaded() {
    alert('loaded');
}

请注意，这仅在两个文件都在同一域中时才有效

iframe加载的事件处理程序未触发

问题描述

1 个解决方案

解决方案1
0 已采纳 2009-06-10 11:35:53

iframe加载的事件处理程序未触发

问题描述

1 个解决方案

解决方案1 0 已采纳 2009-06-10 11:35:53

解决方案1
0 已采纳 2009-06-10 11:35:53