제이쿼리(JQuery)의 $(document).ready() 를 제이쿼리(JQuery)없이 사용하기
window.readyHandlers = [];
window.ready = function ready(handler) {
window.readyHandlers.push(handler);
handleState();
};
window.handleState = function handleState () {
if (['interactive', 'complete'].indexOf(document.readyState) > -1) {
while(window.readyHandlers.length > 0) {
(window.readyHandlers.shift())();
}
}
};
document.onreadystatechange = window.handleState;
ready(function () {
//사용할 코드 넣는 부분
});
DOM을 전부 읽어오고 작동하게 됩니다.
'Javascript' 카테고리의 다른 글
Ajax ( 에이잭스, 아작스) (0) | 2016.01.25 |
---|---|
자바스크립트 쿠키 생성 document.cookie (0) | 2015.07.13 |
document.URL 과 location.href , location 비교 (0) | 2015.07.05 |
제이쿼리 이미지 슬라이드 모음 (0) | 2015.07.03 |
브라우저 식별하기 (Windows 10, IE11, 스파르탄 추가) (0) | 2015.07.03 |