js function_javascript 기술의 지연 로딩 구현 코드

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

//지연되지 않은 로딩 기능의 경우 조건부 판단이 적용됩니다. 호출될 때마다 수행됩니다.
RemovefunctionHandler(target, eventType, handler) {
if(target.removeEventListener) {
target.removeEventListener(eventType,handler,false);
target.detachEvent( "on" eventType,handler)
}
}
//지연된 로딩 함수는 첫 번째 호출 후 원래의 이전 함수를 덮어씁니다. 앞으로는 조건부로 판단하여 효율성을 높이세요.
function addHandler(target, eventType, handler) {
if(target.addEventListener) {
addHandler = function(target, eventType, handler){
target.addEventListener(eventType,handler,false);
}
}else{
addHandler = function(target,eventType,handler){
target.attachEvent("on " eventType,handler);
}
}
addHandler(target, eventType, handler);
}


//조건부 사전 로드
//조건부 사전 로드 모든 함수 호출에 동일한 시간이 소요되는지 확인합니다. 비용은 스크립트가 로드될 때 계측됩니다. 사전 로드는 기능이 즉시 사용되며 페이지 수명 주기 전반에 걸쳐 자주 사용되는 상황에 적합합니다.

var addEventHandler = document.body.addEventListener ? function(target,eventType,handler) {
target.addEventListener(eventType,handler,false)
} : function(target,eventType,handler) ) ) {
target.attachEvent("on" eventType,handler)
}