jQuery document.ready window.onload 이벤트 순서 정리
페이지 정보
본문
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
```
<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
댓글목록
등록된 댓글이 없습니다.
7
3
공공데이터포털 OpenAPI
