onload : 관련된 모든 도큐먼트가 브라우저로 다운로드 된 후에 발생한다. 이미지 다운 및 링크 설정 등이 전부 완료된 후 실행된다.
$(document).ready() : DOM이 로드되어 사용할 준비가 끝나는 시점에 바로
호출된다. 스크립트에서 모든 요소들에 접근할 수 있다는 것은 onload와 동일하나 관련된 모든 파일(이미지 등)들이 다운로드된 후를 의미하는 것은 아니다.
● 일반적인 자바스크립트를 사용하는 방법
function doStuff() { .... }를 정의한 후 HTML에서 아래와 같이 사용하는 방법
<body onload="doStuff();">
또는 function doOtherStuff() { .... }를 정의한 후 window.onload = doOtherStuff; 를 호출하는 방법이 있다.
단, onload 함수는 하나의 함수만 지정할 수 있다.
● jQuery에서 간결하게 단축된 코드
다음은 모두 같은 의미로 사용된다.
$(document).ready( function() { .... });
$().ready( function() { .... });
$( function() { .... });
'자바 > JAVA...Spring' 카테고리의 다른 글
| 셀렉터 - #ID $("#ID") (0) | 2016.01.12 |
|---|---|
| jQuery(selector) or $(selector) (0) | 2016.01.11 |
| ${} 함수의 다른 사용법 (0) | 2016.01.11 |
| Spring 3.2 & MyBatis] JSON/XML 데이터 송수신 (JSON을 이용하기 위한 준비) (0) | 2016.01.11 |
| Spring 3.2 & MyBatis] JSON/XML 데이터 송수신 (0) | 2016.01.11 |