javascript addLoadEvent 함수 설명_javascript 기술

웹 페이지에 일부 특수 효과를 추가할 때 에 "onload" 이벤트를 추가해야 하는 경우가 많습니다. 즉, 웹 페이지가 로드된 후에 이벤트를 실행해야 하는 경우가 있습니다. 예:
이때는 의 onload 이벤트를 대체하기 위해 "window.onload" 또는 "document.body.onload"를 사용하는 것을 생각해 보겠습니다. 실제로 문제는 해결되었지만 여러 개의 onload를 로드하는 경우입니다. 이벤트 또는 추가 및 잘라내기 순서를 제어할 때 몇 가지 문제가 있을 수 있습니다. "Paul Koch"가 작성한 addLoadEvent() 함수를 발견하기 전까지는 모든 문제가 해결되었습니다. 의 onload 이벤트를 대체하기 위해 "window.onload" 또는 "document.body.onload"를 사용해야 하는 경우 전자를 사용하는 것이 좋습니다. 이는 Firefox 브라우저에서 유효하지 않음을 의미합니다. 문제.

JavaScript 코드

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

function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func
} else {
window .onload = function() {
oldonload();
func();
}
}
}

호출 방법 :

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

addLoadEvent( wwwjb51())//또는
addLoadEvent(function(){
document.body.style.BackgroundColor = 'yellow';
jb51();
}); >

데모 코드:

addLoadEvent() 테스트<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title> </title> 臧