jQuery document.ready window.onload 이벤트 순서 정리 > 개발

본문 바로가기
사이트 내 전체검색

개발

jQuery document.ready window.onload 이벤트 순서 정리

페이지 정보

profile_image
작성자 관리자 (119.♡.119.69)
댓글 0건 조회 1,674회 작성일 23-07-10 20:43

본문

jQuery $(document).ready vs window.onload 의 실행 순서


```
<body onload="fn_bodyload()">
<div>test</div>
</body>
<script src="jquery-latest.min.js"></script>
<script>
$(window).load(function() {
console.log("순서 6");
});
function fn_bodyload() {
console.log("순서 5 : window.onload 가 있으면 실행조차 안됨, 위 순서6 보다는 빠름");
}
window.onload=function(){
console.log("순서 4");
};

// 이 사이에 chrome extension 의 content_scripts 실행

jQuery(document).ready(function() {
console.log("순서 2 동순위");
});
$(document).ready(function() {
console.log("순서 2 동순위");
});
(function($){
console.log("순서 1");
})(jQuery);
</script>
```


** 참고
https://handam.tistory.com/70

추천0

댓글목록

등록된 댓글이 없습니다.

Total 386건 1 페이지
  • RSS
개발 목록
번호 제목 조회 추천 날짜
386279004-07
3851079002-02
384944001-09
3831128012-25
3821042012-15
381856012-10
380453012-03
379481011-26
378457011-04
3771025009-08
3761301008-11
3751392008-10
열람중1675007-10
3731174007-03
3721596006-06
3711397004-23
3701389004-20
3692437004-19
3681086004-12
3671725004-11

검색


사이트 정보

Copyright © Baragi.Net. All rights reserved.