2011-05-13 29 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屬性,而不是執行它。

相關問題