Window.onload 로드 문제 및 해결 방법(2부)_javascript 기술

이전 기사에 이어 다른 방법:
1. IE에서는 onreadystatechange 이벤트에서도 판단할 수 있습니다.
http://www.thefutureoftheweb.com/blog/adddomloadevent
여기에 작성하세요. by Jesse Skinner 다양한 브라우저의 onload 문제를 해결하기 위해 독립적인 스크립트 기능이 만들어졌습니다.
http://img.jb51.net/jslib/adddomloadevent.js

코드 복사 코드는 다음과 같습니다:

/*
* (c)2006 Jesse Skinner/Dean Edwards/Matthias Miller/John Resig
* Dan Webb의 domready.js 프로토타입 확장에 특별히 감사드립니다.
* 및 Simon Willison의 addLoadEvent
*
* 자세한 내용은 다음을 참조하세요.
* http://www.thefutureoftheweb.com/blog/adddomloadevent
* http://dean.edwards .name/ weblog/2006/06/again/
* http://www.vivabit.com/bollocks/2006/06/21/a-dom-ready-extension-for-prototype
* http: //simon .incutio.com/archive/2004/05/26/addLoadEvent
*
*
* 사용 방법: 함수와 함께 addDOMLoadEvent를 한 번 이상 호출합니다. 예:
*
* function Something () {
* // 뭔가를 수행
* }
* addDOMLoadEvent(something)
*
* addDOMLoadEvent(function() {
* // 다른 작업을 수행 stuff
* })
*
*/

addDOMLoadEvent = (function(){
// 이벤트 함수 스택 생성
var load_events = [],
load_timer,
script,
done,
exec,
old_onload,
init = function () {
done = true

// 타이머 종료
clearInterval(load_timer);

// 스택에 있는 각 함수를 추가된 순서대로 실행합니다.
while (exec = load_events.shift())
exec(); >
if (script) script.onreadystatechange = '';
};

return function (func) {
// init 함수가 이미 실행된 경우 지금 이 함수를 실행하세요.
if (done) return func()

if (!load_events[0]) {
// for Mozilla/Opera9
if (document.addEventListener)
document.addEventListener("DOMContentLoaded", init, false)

// Internet Explorer의 경우
/*@cc_on @*/
/*@if(@_win32)
document. write("

게다가 IE에서는 doScroll을 사용하는데, 이 방법은 IE에서만 동작하는 해킹 방법입니다.

MSDN: 요소 동작 정보에서

코드 복사 코드는 다음과 같습니다.

ondocumentready 이벤트가 실행되면 문서가 완전히 구문 분석되고 빌드됩니다. 구성 요소가 기본 문서 구조를 탐색해야 하는 경우 초기화 코드를 여기에 배치해야 합니다. ondocumentready 이벤트는 구성 요소에 전체 페이지가 있음을 알립니다. 기본 문서에서 onload 이벤트가 실행되기 직전에 실행됩니다.
doScroll과 같은 몇 가지 메서드를 사용하려면 기본 문서를 완전히 로드해야 합니다. 이러한 메서드는 초기화 함수의 일부이므로 처리해야 합니다. ondocumentready 이벤트가 발생하면 코드는 다음과 같습니다.

/*
*
* IEContentLoaded.js
*
* 작성자: Diego Perini(gmail.com의 diego.perini) NWBOX S.r.l.
* 요약: IE 브라우저용 DOMContentLoaded 에뮬레이션
* 업데이트: 2007년 5월 10일
* 라이센스: GPL/CC
* 버전: TBD
*
*/

// @w    창 참조
// @fn    함수 참조
function IEContentLoaded (w, fn) {
    var d = w.document, done = false,
    // 실행만 한 번
    init = function () {
        if (!done) {
            done = true;
            fn();
        }
    };
    // 오류 없는 폴링
    (function () {
        try {
            // 문서 준비가 완료될 때까지 오류 발생
           d.documentElement.doScroll('left')
        } catch (e) {
           setTimeout(arguments.callee, 50)
           return;
       }
       // 오류 없음, 실행
        init();   })();
    // 온로드 전에 항상 실행하려고 시도
    d.onreadystatechange = function() {
        if (d.readyState == 'complete') {
           d.onreadystatechange = null;
            init();
        }
    };
}

jQuery의 源码中,针对Mozilla, Opera 및 웹킷용 是DOMContentLoaded,也就是上一篇中第一种;

而对IE용的是doScroll적 방법입니다.