원생javascript는 어떻게 공유onload 이벤트를 실현합니까
1574 단어 javascript공유onload
window.onload = EventFunction;
하지만 두 가지 사건이 있다면,
window.onload = function(){
firstFunction();
secondFunction();
}
그것은 확실히 잘 작동할 수 있다. 귀속이 필요한 함수가 많지 않은 상황에서 가장 간단한 해결 방안이 될 것이다.페이지에 불러올 때 몇 개의 함수를 실행하든지 간에 유연성이 가장 좋은 해결 방안이 있다.이 방안은 함수를 윈도우에 연결하는 코드를 추가로 작성해야 한다.onload 사건은 아주 쉬워요.
이 함수의 이름은 addLoadEvent입니다. Simon Willison이 썼습니다.페이지에 불러올 때 실행할 함수의 이름만 있는 매개 변수입니다.
다음은 이 함수가 수행할 작업입니다.
1. 기존 윈도우.onload 이벤트 처리 함수의 값을 변수oldonload에 저장하기;
2. 이 처리 함수에 어떤 함수도 귀속되지 않으면 평소처럼 새 함수를 추가합니다.
3. 이 처리 함수에 일부 함수가 귀속되어 있으면 기존 지령의 끝에 새 함수를 추가합니다.
function addLoadEvent(func) {
var oldonload = window.onload;
if(typeof window.onload != 'function'){
window.onload = func;
}else{
window.onload = function(){
oldonload();
func();
}
}
}
이것은 페이지가 불러올 때 실행되는 함수를 하나의 대기열로 만들 것입니다.아까 그 두 함수를 대기열에 추가하려면 다음 코드만 쓰면 됩니다.addLoadEvent(firstFunction);
addLoadEvent(secondFunction);
나는 이 함수가 매우 실용적이라는 것을 발견했다. 특히 코드가 갈수록 복잡해질 때.페이지가 불러올 때 몇 개의 함수를 실행하든지 간에 문장 하나만 정하면 모든 것을 안배할 수 있다.
이상은 본문의 전체 내용입니다. 여러분의 학습에 도움이 되고 저희를 많이 응원해 주십시오.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
개별 마크다운 블로그 페이지 만들기 - 13부이를 통해 개별 마크다운 기반 블로그 게시물 작성을 시작할 수 있습니다! 이 기사를 따르려면 을 시작점으로 사용하십시오. blog 페이지 디렉토리에 동적 페이지를 생성하여 시작할 수 있습니다. 이 파일[slug].j...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.