페이지가로드 된 후에 만 함수가 실행되도록 함수를 Onload 이벤트에 바인딩합니다.
Window.onload = 사용자 기능
그러나 페이지가로드 된 후 실행되기를 원하는 FirstFunction () 및 SecondFunction ()의 두 가지 함수가 있으면 어떨까요? 그렇다면:
Window.onload = FirstFunciton; Window.onload = 두 번째 기능;
마지막 함수 만 실행할 수 있습니다. 이것으로부터 우리는 각 이벤트 핸들러가 하나의 명령어 만 묶을 수 있음을 알 수 있습니다.
그러나 우리는 이것을 할 수 있습니다 :
Window.onload = function () {firstFunction (); 두 번째 기능 (); }이것은 해결책입니다.
그러나 더 편리한 솔루션이 있습니다. 추가 코드를 작성하지만 장점은이 코드를 사용하면 기능이 얼마나 많더라도 기능을 바인딩하는 것이 매우 간결하고 쉽게 수행한다는 것입니다.
이 기능의 이름은 Simon Willison이 작성한 AddLoadevent입니다. 매개 변수는 하나뿐입니다. 페이지가로드 될 때 실행할 함수의 이름입니다.
AddLoadevent () 함수가 완료되는 작업은 다음과 같습니다.
1. 기존 창의 값을 저장합니다. 이벤트 핸들러 기능을 변수 OldonLoad에 저장하십시오.
2. 기능 이이 처리 함수에 바인딩되지 않으면 평소와 같이 모양 함수를 추가하십시오.
3. 일부 함수가 이미이 처리 함수에 묶인 경우 기존 명령의 끝에 모양 기능을 추가하십시오.
다음은 addloadevent () 함수의 코드 목록입니다.
함수 addloadevent (func) {var oldonload = window.onload; if (typeof window.onload! = 'function') {window.onload = func; } else {window.onload = function () {oldonload (); func (); }}}이는 페이지가로드 될 때 실행될 함수의 큐를 작성하는 것과 같습니다. 지금 막 대기열에 두 기능을 추가하려면 다음 코드 만 작성하면됩니다.
addloadevent (1 차 기능); addloadevent (2 차 기능);
여러 자바 스크립트 함수를 Onload 이벤트 처리 기능에 바인딩하는 위의 방법은 내가 공유하는 모든 컨텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.