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

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

개발

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

페이지 정보

profile_image
작성자 관리자 (119.♡.119.69)
댓글 0건 조회 1,749회 작성일 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
개발 목록
번호 제목 조회 추천 날짜
386353004-07
3851157002-02
3841021001-09
3831236012-25
3821105012-15
381887012-10
380505012-03
379534011-26
378491011-04
3771092009-08
3761374008-11
3751447008-10
열람중1750007-10
3731227007-03
3721664006-06
3711453004-23
3701453004-20
3692531004-19
3681146004-12
3671784004-11

검색


사이트 정보

Copyright © Baragi.Net. All rights reserved.