크기 조정 이벤트는 한 번만 발생합니다.

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

}