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