windows.onload()와 $(document).ready()_jquery의 차이점을 알려주는 표

브라우저는 DOM을 로드한 후 javascript를 통해 DOM 요소에 이벤트를 추가합니다. javascript에서는 일반적으로 window.onload() 메서드를 사용합니다.

jquery에서는 $(document).ready() 메서드를 사용합니다. 둘의 차이점을 소개하겠습니다.

window.onload()

$(document).ready()

실행 타이밍

페이지의 모든 요소(이미지 및 참조 파일 포함)가 로드된 후 실행됩니다.

	window.onload()	$(document).ready()
执行时机	在页面所有元素（包括图片，引用文件）加载完后执行。	页面中所有HTML DOM，CSS DOM结构加载完之后就会执行，其他图片可能没有加载完. 如果想要网页所有内容（包括图片等）加载完毕，再注册事件，使用$(window).load(function); 等价于window.onload()
编写个数	不能同时写多个，后面的将会覆盖前面的。ex: window.onload=function(){ alert("A"); } window.onload=function(){ alert("B"); } 结果会执行“B” 如果想要顺序执行alert("A")和alert("B")需写成 window.onload=function(){ alert("A"); alert("B"); }	可以同时写多个
简写	无	$(document).ready(function(){ 　　//to do; })； 可写成 $().ready(function(){ //$()不带参数默认是document 　　//to do; });或 $(function(){ 　　//to do; });

페이지의 모든 HTML DOM 및 CSS DOM 구조는 로드 후에 실행됩니다. 이벤트 등록 전 웹페이지의 모든 콘텐츠(사진 등 포함)를 로드하려면 $(window).load(function)를 사용하세요. ; window.onload()와 동일

쓰기 번호

동시에 여러 항목을 작성할 수 없으며 이후 항목이 이전 항목을 덮어씁니다. 예: window.onload=function(){ 경고("A") } window.onload=function(){ 경고("B") } 결과는 "B"입니다. alert("A")와 Alert("B")를 순차적으로 실행하려면 을 적어야 합니다. window.onload=function(){ alert("A"); 경고("B"); }

동시에 여러 항목을 작성할 수 있습니다

약어

없음

$(document).ready(function(){ 　 //할 일; }) 으로 쓸 수 있습니다. $().ready(function(){ //매개변수가 없는 $()는 문서의 기본값입니다 　 //할 일; }) 또는 $(function(){ 　 //할 일; });