>웹 프론트엔드 >JS 튜토리얼 >여러 function_javascript 기술을 로드하는 Node.js window.onload 방법

여러 function_javascript 기술을 로드하는 Node.js window.onload 방법

WBOY
WBOY원래의
2016-05-16 18:42:441225검색

사용법은 다음과 같습니다:
function func(){alert("this is window onload event!");return;}
window.onload=func;
또는 다음과 같습니다:
window. onload=function( ){alert("윈도우 온로드 이벤트입니다!");return;}

하지만 window.onload는 동시에 여러 함수를 로드할 수 없습니다.

예:

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

function t() {
alert("t")
}
function b(){
alert("b")
}
window.onload =t
window.onload =b ;

은 이전 코드를 덮어쓰며, 위 코드는 b만 출력합니다.
이 문제를 해결하려면 다음 방법을 사용할 수 있습니다.

window.onload =function() { t() b() }

또 다른 해결 방법은 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.

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

은 다음과 같이 사용됩니다.
코드 복사 코드는 다음과 같습니다.

function t(){
alert("t")
}
function b(){
alert(" b")
}
function c(){
alert("c")
}
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func
} else {
window.onload = function() {
oldonload();
func();
}
}

addLoadEvent(t);
addLoadEvent( c);//window.onload =function() { t(); b(); c() ;}


개인적으로는 암시적 함수를 직접 사용한다고 생각합니다. as: window.onload =function() { t( ); c() ;}) 더 빠르고, 물론 addLoadEvent를 사용하는 것이 더 전문적이므로 모두가 원하는 대로 해야 합니다!
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.