전체 기능을 위해 JavaScript 페이지 후 로드 실행 를 통해 외부 스크립트 실행 <head> 내의 요소 페이지 로딩이 완료되기 전에 사용할 수 없는 요소에 액세스해야 하는 경우 문제가 발생할 수 있습니다. 이 문제를 해결하기 위해 몇 가지 옵션을 사용하면 JavaScript 페이지 후 로드를 실행하여 필요한 기능을 부여할 수 있습니다.</p> <p><strong>1. defer 속성:</strong></p> <p>스크립트를 실행하기 전에 페이지가 로드될 때까지 기다리도록 브라우저에 지시하려면 <script> 태그:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><script src="deferMe.js" defer>로그인 후 복사 2. onload 이벤트: onload 이벤트 핸들러를 body 요소나 창 객체에 연결합니다: 로그인 후 복사 또는 document.onload = function {...};로그인 후 복사 또는 window.onload = function {...};로그인 후 복사 참고: window.onload는 document.onload에 비해 더 권장되는 접근 방식입니다. 3. 눈에 거슬리지 않는 옵션: 페이지 로드 시 JavaScript를 보다 눈에 띄지 않게 실행하려면 다음을 사용하는 것이 좋습니다. window.onload defer 속성 이러한 방법을 사용하면 페이지가 완료된 후 JavaScript 코드가 실행되도록 할 수 있습니다. 로딩이 완료되어 필요한 요소에 접근하고 사용자 경험을 향상시킬 수 있습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
