페이지 로드 후 JavaScript 실행
특정 상황에서는
요소는 스크립트의 조기 로드로 인해 페이지 기능을 방해할 수 있습니다. 이렇게 하면 페이지가 완전히 로드되기 전에. 이 문제를 해결하려면 개발자는 문서가 로드된 후 JavaScript를 실행해야 합니다.
솔루션
페이지 로드 후 JavaScript를 실행하는 데 사용할 수 있는 몇 가지 방법이 있습니다.
-
defer 속성: defer 속성을 <스크립트> 태그는 페이지가 구문 분석된 후에 스크립트가 실행되어야 함을 나타냅니다.
<script src="deferMe.js" defer></script>
로그인 후 복사
-
onload 이벤트: element는 페이지 로드가 완료되면 제공된 스크립트의 실행을 트리거합니다.
<body onload="script();">
로그인 후 복사
-
document.onload 이벤트: 이 이벤트 리스너는 페이지 로드가 완료되면 호출될 함수를 등록합니다. 페이지에는 로드되었습니다.
document.onload = function ...
로그인 후 복사
-
window.onload 이벤트: document.onload와 유사하게 이 이벤트 리스너는 페이지가 로드된 후 함수를 호출합니다. 이전 방법보다 더 표준적인 것으로 간주됩니다.
window.onload = function ...
로그인 후 복사
참고:
- defer 또는 window.onload를 사용하는 것이 다음과 같은 모범 사례로 간주됩니다. 눈에 거슬리지 않습니다.
- onload와 같은 이벤트 리스너는 다음과 같은 다른 페이지 이벤트에 사용될 수 있습니다. 크기 조정 또는 스크롤.
- 필요한 모든 요소를 사용할 수 있도록 JavaScript를 실행하기 전에 페이지 본문을 완전히 로드해야 합니다.
위 내용은 페이지 로드 후 JavaScript가 실행되는지 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
