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

时间:2014-09-28 19:51:03

标签: javascript html iframe

如果我在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>

谢谢!

1 个答案:

答案 0 :(得分:0)

您的网页域名和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,所以这可能是个问题。