국내 최고 XE 개발 sejin7940 - 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트리 생성한 직후 이므로 유저 입장에서는 (이미지나 외부 리소스의 로딩을 기다릴 필요 없이)훨씬 빠르게 웹페이지의 기능을 사용할수가 있다

 

전체 642건
번호 카테고리 제목 출처 등록일 조회
공지 1.11.6 XE 1.11.6 이후 보안배치 #1 xetown  2021.06.22 56
공지 1.11.6 XE 1.11.6 이하 에서 공개댓글을 비밀댓글로 변경시 생길 수 있는 오류 수정법 sejin7940  2021.01.10 167
공지 XE 기능개선 XE 1.11.4 이후에서 파일 업로드시 정상 작동 안 하는 현상 수정법 XE github  2019.04.02 2813
공지 XE 기능개선 php 7.1 환경에서 XE 오류 나는 경우 확인할 사항 sejin7940  2018.07.11 2861
공지 유용정보 php7.2 환경에서 XE 오류가 생기는 경우 - Object 클래스 변경 필요 XE Github  2017.11.27 3813
공지 XE 기능개선 XE 1.8.30 이하에서 반드시 수정해주셔야하는 부분입니다. XE 1.8.31  2017.02.26 2922
공지 1.8.18 XE 1.8.18 에서 사용시 반드시 수정해야할 사항들 ( XE 1.8.20 이후에서는 수정 불필요 ) xetown  2016.04.03 22552
공지 XE 기능개선 XE 1.8.12 이후부터 proc controller 일부가 작동 안 할 경우 확인할 부분 [1] XE  2015.10.16 22576
621 유용정보 형광팬 밑줄 효과 HTML 및 css 엉클샘의 웹 자료실  2021.01.11 37
620 유용정보 특정 attr 이 있는 요소를 찾는 jquery - hasAttribute designcise  2021.01.10 13
619 유용정보 jQuery.each 구문에서 break , continue 기능 사용하려면.. IfUwanna IT  2021.01.04 17
618 XE 기능개선 아이패드에서 ( 또는 PC 에서 아이패드 모드 ) 무조건 모바일 환경 기반으로 나오게 하려면 sejin7940  2020.11.05 48
617 XE 기능개선 목록에서 오늘 등록한 글은 날짜 대신 시간이 나오게 하려면 sejin7940  2020.10.08 50
616 XE FAQ 카테고리를 선택했을때 글 목록수가 다르게 나타나는 경우 sejin7940  2020.10.02 41
615 XE 기능개선 모바일에서 확대 기능이 안 되는 경우 제한 푸는 방법 sejin7940  2020.09.15 106
614 유용정보 css 로 nth-child 사용 방법 ( 같은종류의 태그로 구성되어 있을 때 원하는 것들만 제어 ) Verdana  2020.09.02 59
613 유용정보 css 리셋 (reset) it-swarm.dev  2020.08.30 68
612 유용정보 div 내부 p 태그 세로 중앙정렬 ( vertical-align ) stack overflow  2020.08.11 72
» 유용정보 페이지 로딩 후 script 함수 실행 관련해 onload() 와 ready() 비교 Jinolog  2020.08.06 555
610 XE 기능개선 비밀글도 목록에 썸네일이 나오게 하려면 sejin7940  2020.08.03 80
609 XE 기능개선 페이지 내용에 이미지맵(ImageMap) 적용시 링크 작동 안 하면 XE  2020.07.31 58
608 유용정보 form태그 submit시 정보는 가는데 url이동 막으려면 SIR  2020.07.27 60
607 유용정보 크롬에서 bxSlider a 태그 링크이동 오류 yeon.Biju  2020.07.20 169
606 유용정보 카카오톡 인앱 브라우저 닫는 방법 ( script 닫기가 안 되는 경우 ) stack overflow  2020.07.15 1062
605 XE 기능개선 쪽지 팝업창에서 에디터 높이를 줄이고 싶으면 sejin7940  2020.07.14 64
604 다른 XE자료들 캡차 ( captcha ) 애드온이 뒤에 가려 안 보이는 경우 sejin7940  2020.07.10 64
603 유용정보 해당 변수가 숫자인지 확인하는 방법 - is_numeric sejin7940  2020.07.01 56
XE Login