<body onload='함수명();'>
위와 같은 코드를 이용해 페이지 로딩이 완료되었을 때, 원하는 함수(자바스크립트)를 실행할 수 있습니다.
그런데, 몇 가지 이유로 body태그에 onload 함수를 사용하기를 꺼리는 경우가 발생하는데...(여러 개의 함수를 사용한다는지 하는 이유로...)
이럴 때는 window.onload 라는 방법을 사용하면 됩니다.
사용방법은 아래와 같습니다.
위 스크립트는 당연히 <script ...></script> 사이에 들어와야 합니다...
얼핏 보면 간단해 보이지만, 스크립트를 위와 같이 쓰지 않고...
위와 같이 쓰게 되면 FF에서는 정상적으로 작동하지 않습니다.
(당연한 얘기겠지만, 웹 표준이 아니기 때문이겠죠? ^^;)
아이러니하게도 검색을 했을 때 FF에서는 작동이 안되는 소스만 계속 나와서 한참을 삽질하다가 알아냈네요;;;
위와 같은 코드를 이용해 페이지 로딩이 완료되었을 때, 원하는 함수(자바스크립트)를 실행할 수 있습니다.
그런데, 몇 가지 이유로 body태그에 onload 함수를 사용하기를 꺼리는 경우가 발생하는데...(여러 개의 함수를 사용한다는지 하는 이유로...)
이럴 때는 window.onload 라는 방법을 사용하면 됩니다.
사용방법은 아래와 같습니다.
window.onload = function(){
함수명();
}
함수명();
}
위 스크립트는 당연히 <script ...></script> 사이에 들어와야 합니다...
얼핏 보면 간단해 보이지만, 스크립트를 위와 같이 쓰지 않고...
function window.onload(){
함수명();
}
함수명();
}
위와 같이 쓰게 되면 FF에서는 정상적으로 작동하지 않습니다.
(당연한 얘기겠지만, 웹 표준이 아니기 때문이겠죠? ^^;)
아이러니하게도 검색을 했을 때 FF에서는 작동이 안되는 소스만 계속 나와서 한참을 삽질하다가 알아냈네요;;;
'Tip&Tech > Web' 카테고리의 다른 글
| [팁] FON 공유기 DD-WRT 해킹하기!!! 및 도움 요청!!! (0) | 2008.07.21 |
|---|---|
| [Head First HTML with CSS & XHTML] 9. 다루지 않은 이야기들?! 끝마치며... (1) | 2008.07.02 |
| [Head First HTML with CSS & XHTML] 8. 폼 잡아보자! 대화식 페이지 만들기~! (0) | 2008.07.01 |
| [Head First HTML with CSS & XHTML] 7. 행과 열을 만나다! 웹2.0식 Table 작성법 (0) | 2008.06.30 |
| [Head First HTML with CSS & XHTML] 6. Where am I?! 레이아웃과 포지셔닝! (0) | 2008.06.29 |