Resize事件只會觸發一次

Question

使用JavaScript onresize，只能使用一次。我需要它多次工作。這是我的代碼：

var hh = window.outerHeight; 
var ww = window.outerWidth; 

document.write("<iframe src='http://www.example.com' align='left' width='" + ww + "px' height='600px' frameborder='0'></iframe>"); 



window.onresize = function(){ 

    hh = window.outerHeight; 
    ww = window.outerWidth; 

    document.write("<iframe src='http://www.example.com' align='left' width='"  + ww + "px' height='600px' frameborder='0'></iframe>"); 

} 

Answer 1

您每次都在創建一個新的iframe。最好選擇一個已經制作好的。

var hh = window.outerHeight; 
var ww = window.outerWidth; 

document.write("<iframe src='http://www.example.com' align='left' width='" + ww + "px' height='600px' frameborder='0'></iframe>"); 

window.onresize = function(){ 

    hh = window.outerHeight; 
    ww = window.outerWidth; 

    document.querySelector("iframe").setAttribute('width', ww+'px'); 

}