Только событие изменения размера

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

}