サイズ変更イベントは一度だけ発生します

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'); 

}