iframe의 src를 Javascript로 변경할때 iframe의 컨텐츠가 제대로 로딩이 안되는 경우들이 가끔 발생하기도 한다.
(ex. document.getElememtById("iFrameContent").src = "test.aspx"; )
제가 이런 현상을 발견한 것은 ASP.NET에서 UpdatePanel로 iframe의 src 를 변경하려 했을 경우였다.
분명 클라이언트 javascript에서 하면 잘 되는데 UpdatePanel을 이용하여 Server로 전송되어 컨트롤하면 제대로된 컨텐츠가 나오지 않는
브라우저가 있었다. (희한한것은 호환성모드로 보면 또 잘 된다는것이다. ㅠ)
뭐 어쨋든 여러가지 원인이 있겠지만 이 오류(?)를 피해가는 방법은 의외로 간단하다.
iframe의 src를 변경하는것이 아니라 iframe을 target으로 하는 임시 form을 만들고 submit을 시키면 된다.
예)
- html
<form name="tmpForm" target="iFrameContent"></form>
- javascript
document.tmpForm.action = "test.aspx";
document.tmpForm.submit();
