IFRAME 中的 SRC 属性随 onload 函数而变化

Question

如果 IFRAME 中的“src”属性更改是“onload”函数未执行。它仅在第一次调用时起作用。

JavaScript：

function dialog () {
    document.getElementById('result').src = "myurl";
}

function loading() {
    document.getElementById('loading').style.display = "none";
    document.getElementById('result').style.display = "block";
}

---

HTML：

<div id="loading"><img src="loading.gif"/></div>
<iframe style="display:none;" id="result" onload="loading();" src="myurl"/></iframe>

谢谢！

Answer 1

您的页面域和 iframe 域相同吗？如果它们不同，您可以使用 CORS 访问 iframe 事件。

---

编辑

<script>

    function dialog() {
        document.getElementById('result').src = "http://jsfiddle.net";
    }
    function loading() {
        alert('Loading finished');
        document.getElementById('loading').style.display = "none";
        document.getElementById('result').style.display = "block";
    }

</script>

<div id="loading">Loading</div>
<iframe  style="display:none;" id="result" onload="loading();" src="http://jsfiddle.net"/>

它有效，现场演示 -- http://jsfiddle.net/xf2LgLsg/ 我相信你是在 HTML 之后写 JS，所以这可能是个问题。