RX/XE 팁
XE FAQ 는 제가 XE공홈 '묻고 답하기'에 답변한 내용들 중 일부를 정리한 내용입니다. (대부분이 제가 한 답변이죠)
XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠

제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
출처 Jinolog 
출처URL http://jinolog.com/programming/javascript/2011/03/21/jquery-ready-function.html 

페이지 로딩 후 script 함수 실행 관련해 onload() 와 ready() 비교

 

 

1. onload

 

window.onload = function () {

 alert("로딩 완료");

}

 

window.onload 함수는 웹페이지의 로딩이 끝나는 시점에 실행되는 함수다

 

onload에는 몇가지 단점이 있는데, 이 함수는 페이지 안의 이미지나 외부 파일이 로드 될때까지도 기다린 후에 사용되기 때문에 엔드유저 입장에서 불필요하게 로딩시간이 길어지게 된다. 더욱 심각한것은 동일한 페이지 내에서 onload 함수는 하나만 존재해야 한다는 것인데, 만약 외부 라이브러리에서 onload가 이미 선언 되어 있다면 이를 찾거나 하나로 합치는 것은 여간 어려운일이 아니다.

또한 <body onload=""> 와 같은 attribute 가 설정이 되어 있는 경우에는 attribute의 onload=""만 작동할뿐 window.onload는 동작 하지 않는다

 

그러나, 이미지 재배치하는 jquery 등은 이미지가 다 로딩 된 후에야 크기 비교가 가능하기에

이 경우는 ready() 가 아니라  onload() 로 해줘야만 제대로 배치가 된다.

 

 

 

2. ready

jQuery(document).ready(function() {

   alert("로딩 완료"); 

});

 

jquery 에서는 이러한 onload의 단점들을 보완하는 ready() 함수를 제공하는데

ready() 함수가 실행되는 시점은 브라우저가 DOM트리 생성한 직후 이므로 유저 입장에서는 (이미지나 외부 리소스의 로딩을 기다릴 필요 없이)훨씬 빠르게 웹페이지의 기능을 사용할수가 있다

 

전체 695건
번호 카테고리 제목 출처 등록일 조회
공지 XE 기능개선 XE 1.11.18 이후 버전의 익명 수정 버그 수정법 xetown  2023.10.07 3201
공지 XE 기능개선 XE 1.11.14 보안패치 - 타인의 쪽지 내용을 확인할 수 있는 버그 패치방법 xetown  2023.10.03 3267
공지 XE 기능개선 XE 1.11.6 이후 보안배치 #4 file rhymix  2022.07.05 3434
공지 1.11.6 XE 1.11.6 이후 보안배치 #3 rhymix  2022.04.02 3380
공지 1.11.6 XE 1.11.6 이후 보안배치 #1 xetown  2021.06.22 3778
공지 1.11.6 XE 1.11.6 이하 에서 공개댓글을 비밀댓글로 변경시 생길 수 있는 오류 수정법 sejin7940  2021.01.10 3698
공지 XE 기능개선 XE 1.11.4 이후에서 파일 업로드시 정상 작동 안 하는 현상 수정법 XE github  2019.04.02 6452
공지 XE 기능개선 php 7.1 환경에서 XE 오류 나는 경우 확인할 사항 sejin7940  2018.07.11 6375
공지 유용정보 php7.2 환경에서 XE 오류가 생기는 경우 - Object 클래스 변경 필요 XE Github  2017.11.27 9950
공지 XE 기능개선 XE 1.8.30 이하에서 반드시 수정해주셔야하는 부분입니다. XE 1.8.31  2017.02.26 7160
공지 1.8.18 XE 1.8.18 에서 사용시 반드시 수정해야할 사항들 ( XE 1.8.20 이후에서는 수정 불필요 ) xetown  2016.04.03 26282
공지 XE 기능개선 XE 1.8.12 이후부터 proc controller 일부가 작동 안 할 경우 확인할 부분 [1] XE  2015.10.16 26201
94 XE 기능개선 비밀글도 목록에 썸네일이 나오게 하려면 sejin7940  2020.08.03 193
» 유용정보 페이지 로딩 후 script 함수 실행 관련해 onload() 와 ready() 비교 Jinolog  2020.08.06 4471
92 유용정보 div 내부 p 태그 세로 중앙정렬 ( vertical-align ) stack overflow  2020.08.11 234
91 유용정보 css 리셋 (reset) it-swarm.dev  2020.08.30 253
90 유용정보 css 로 nth-child 사용 방법 ( 같은종류의 태그로 구성되어 있을 때 원하는 것들만 제어 ) Verdana  2020.09.02 213
89 XE 기능개선 모바일에서 확대 기능이 안 되는 경우 제한 푸는 방법 sejin7940  2020.09.15 317
88 XE FAQ 카테고리를 선택했을때 글 목록수가 다르게 나타나는 경우 sejin7940  2020.10.02 141
87 XE 기능개선 목록에서 오늘 등록한 글은 날짜 대신 시간이 나오게 하려면 sejin7940  2020.10.08 180
86 XE 기능개선 아이패드에서 ( 또는 PC 에서 아이패드 모드 ) 무조건 모바일 환경 기반으로 나오게 하려면 sejin7940  2020.11.05 209
85 유용정보 jQuery.each 구문에서 break , continue 기능 사용하려면.. IfUwanna IT  2021.01.04 170
84 유용정보 특정 attr 이 있는 요소를 찾는 jquery - hasAttribute designcise  2021.01.10 169
83 유용정보 형광팬 밑줄 효과 HTML 및 css 엉클샘의 웹 자료실  2021.01.11 307
82 유용정보 xepushapp 기반의 앱 사용시 앱 구별하는 소스 XE푸시앱  2021.01.16 163
81 유용정보 생일로 만/한국 나이 구하기 소스 Raichu  2021.01.19 173
80 유용정보 오버레이 창에서(모달뷰 modal) 스크롤할 때 바디 스크롤 방지 데보나스  2021.02.16 490
79 XE 기능개선 ckeditor 툴바 펼치기/접기 기본 상태 수정방법 sejin7940  2021.02.27 429
78 다른 XE자료들 출석부(attendance) 모듈에서 특정 유저들이 출석 불가능한 경우 오류 수정법 sejin7940  2021.03.17 117
77 1.11.6 레이아웃 설정 저장시 " 가 \" 로 저장되는 경우 sejin7940  2021.04.11 142
76 XE 기능개선 XE 에서 group by 관련 query 가 정상 작동하지 않는 경우 - 달력위젯스킨 / 그룹별회원목록 등 sejin7940  2021.04.13 278
XE Login