2011-05-13 30 views
0

我有这样的IFRAME我有JS创建,这是我的代码至今:如何使用js以编程方式使用iframe甚至onload?

<script> 
function loadIframe(url) { 
    ifr = document.createElement("IFRAME"); 
    ifr.setAttribute("src", url); 
    ifr.style.width = "800px"; 
    ifr.style.height = "600px"; 
    document.body.appendChild(ifr); 
    ifr.onload = ready(); 
} 

function ready() { alert("ready") }; 

window.onload = function() { 
    loadIframe("http://www.wallpaperpimper.com/wallpaper/Landscape/Ocean/Big-wave-1-S79KZQKBWP-1600x1200.jpg"); 
} 
</script> 

的iframe中被创建,但在iframe前的准备()funcion火灾加载内容,我基本上希望do是:

<iframe onload="ready()" src="http://www.wallpaperpimper.com/wallpaper/Landscape/Ocean/Big-wave-1-S79KZQKBWP-1600x1200.jpg"></iframe> 

工作正常,ready()函数会在加载iframe内容时触发,但我希望通过js完成所有操作。

我不能在加载到iframe的页面上使用onload身体,因为我没有它们。

我应该如何设置onload事件?

+0

你为什么要iframing图像吗?为什么不使用''?那么你根本就不会有任何关于onload的问题。 –

+0

@Matthew Scharley:我使用这个图片是因为它的尺寸很大,所以我可以肯定地知道ready()函数在内容加载之前触发,这是我不希望它做的事情。我希望它在内容加载后触发。 – onceras

回答

0

通过这样做:

ifr.onload = ready(); 

你执行准备功能和分配的结果,而不是到irf.onload分配参照准备功能,在onload财产。所以,我觉得你的意思办:

ifr.onload = ready; 

那么分配参照现成的功能,在onload属性,而不是执行它。

相关问题