티스토리 뷰

<head>
<script type="text/javascript" defer="defer">
    function Obj() {
        this.a = function() {
            document.getElementById("tt").value = "3";
        }
    }
       
    var o = new Obj();
</script>
</head>

<body>
<div>
<input type="text" id="tt" />
</div>
</body>


위의 간단한 코드가 실행되지 않는 이유.
javascript가 document보다 먼저 읽히기 때문이다.
이를 해결하기 위해서는
1. script를 document의 맨 마지막에 추가하거나,
2. body tag에 onload를 사용해서 추가하거나,
3. window.onload를 사용하는 방법
    ex) window.onload = function() { o.a(); }
4. 기타 방법, http://blog.naver.com/kolove79?Redirect=Log&logNo=20037499574 참조



[RE] Window.onload problem
    http://peter.michaux.ca/article/553

반응형
댓글
공지사항