[Event] observe 에서의 onload와 dom:loaded 의 차이
기본적으로 대부분의 스크립터는 "페이지가 모두 로드 되었다." 라는 전제는
이미지를 포함한 모든 리소스가 로드완료 (즉 하단 상태표시줄에 완료 라고 찍히는 타이밍)을 페이지가 로드 되었다 라고 인식한다.
하지만 실제로(물론 위의 설명이 가장 적합하지만) 스크립트가 실행되는데는 모든 리소스를 전제로 기능을 추가하지만 그렇지 않아야 하는 경우도 있다. 즉. dom만 있으면 되는 경우이다.
(대표적으로 CSS가 그렇다. 이미지도 하나의 엘리먼트로 인식하라. src에 있는 이미지가 다운로드 되는것과 img 엘리먼트가 dom로드되는것은 틀린이야기이다.)
prototype에서는 이에 대해서 서로 다른 이벤트로드를 지원하는데.
Event.observe(window,"load",handler)
Event.observe(document,"dom:loaded",handler)
이다.
1. 웹페이지의 모든 리소스까지 로드상태
Event.observe(window,"load",handler)
웹페이지의 모든 리소스를 로드한 상태를 말한다. 이미지 및 플래쉬까지 로드된 상태이다.간혹가다 플래쉬 경로가 맞지 않아서 로드되지 않고 지연되는 경우에는 위의 이벤트는 그 지연이 끝날때까지 기다리게 된다.
2. 웹페이지의 dom만 로드된상태.
Event.observe(document,"dom:loaded",handler)
웹페이지의 모든 dom만 로드된 상태이다. body안에 있는 엘리먼트가 구성되었을때의 동작이다.여기에서는 css나 이미지의 다운로드 같은 상태는 포함되지 않는다.
'DEVELOPMENT > Javascript' 카테고리의 다른 글
[HTML/JavaScript ]select box option 추가 삭제 예제 (0) | 2009.08.11 |
---|---|
HTML 특수문자코드표 (0) | 2009.07.22 |
[IE8] 웹 표준 개발자의 IE8 웹사이트 호환성 대응 (0) | 2009.04.13 |
[javascript] select box (0) | 2009.02.16 |
[HTML] 제어 문자 (0) | 2009.01.16 |
무한도전 춘향전 캐릭터
'낙서장' 카테고리의 다른 글
서울 디자인 올림픽 2009 (0) | 2009.10.22 |
---|---|
주말 저녁 (0) | 2009.09.18 |
윈도우7 작업표시줄 빠른실행 아이콘 되살리기 (0) | 2009.05.12 |
바쁨 (0) | 2009.01.30 |
[Excel] 기본적이고 유용한 단축키 (0) | 2008.07.04 |
ER-Win에서 DB Table 가져오기
ER-Win에서 ERD 작성을 하다보면 기존 DB에서 테이블 정보를 가져와야 할 때가 있다.
Tools > Reverse Engineer
'DEVELOPMENT > Database' 카테고리의 다른 글
Multi Table Insert (0) | 2009.07.14 |
---|---|
동일 칼럼을 가지나, 이름을 달리하는 테이블 만들기 (0) | 2009.07.14 |
MSSQL2000, 2005 테이블 명세서 추출 쿼리문 (0) | 2009.05.13 |
oracle 시작과 종료 (0) | 2009.05.07 |
Toad 단축키 (0) | 2009.04.18 |