>  기사  >  웹 프론트엔드  >  jquery $(document).ready() 와 window.onload_javascript 기술의 차이점에 대한 간략한 분석

jquery $(document).ready() 와 window.onload_javascript 기술의 차이점에 대한 간략한 분석

WBOY
WBOY원래의
2016-05-16 16:15:541266검색

Jquery의 $(document).ready() 함수는 기존 JavaScript의 window.onload 메서드와 유사하지만 여전히 window.onload 메서드와는 다릅니다.

1. 실행시간
​ ​ ​ window.onload는 실행되기 전에 이미지를 포함한 페이지의 모든 요소가 로드될 때까지 기다려야 합니다.
​​​​ $(document).ready()는 DOM 구조가 그려진 후 로드될 때까지 기다리지 않고 실행됩니다.
2. 글의 개수가 다릅니다
​​​​​여러 개의 window.onload 메소드를 동시에 작성할 수 없습니다. window.onload 메소드가 여러 개 있으면 하나만 실행됩니다.
            $(document).ready()는 동시에 여러 번 작성될 수 있으며 모두 실행될 수 있습니다
3. 단순화된 글쓰기
            window.onload에는 단순화된 작성 방법이 없습니다
            $(document).ready(function(){})는 $(function(){});

으로 축약될 수 있습니다.

이전 개발에서는 주로 JavaScript를 사용했고 항상 jquery 모드를 사용했습니다. 즉, 대부분의 경우 첫 번째 줄은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

$(문서).ready(함수(){

});

현재 일부 메서드를 실행하기 전에 모든 js와 이미지가 로드될 때까지 기다릴 필요는 없지만 때로는 모든 js와 이미지가 로드될 때까지 기다려야 할 때도 있습니다.

모든 요소가 로드되면 일부 메소드가 실행될 수 있습니다. 예를 들어, 일부 사진이나 다른 측면이 아직 로드되지 않은 상태에서 일부 버튼을 클릭하면

사용해야 할 사항:

코드 복사 코드는 다음과 같습니다.

$(window).load(function() {

});

요약 및 비교:

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.