defer의 기능은 문서가 로드된 후 스크립트를 실행하여 개체를 찾지 못하는 문제를 방지하는 것입니다. 아래에 좋은 예가 있으며 관심 있는 친구들은 이를 참조할 수 있습니다.
<script src="../cgi-bin/delscript.js" defer></script>
中的defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问题---有点问题
<button id="myButton" onclick="alert('ok')">test</button>
<script>
myButton.click();
</script>
<script>
myButton.click();
</script>
<button id="myButton" onclick="alert('ok')">test</button>
<script defer>
function document.body.onload() {
alert(document.body.offsetHeight);
}
</script>추가된 defer는 페이지가 완전히 로드된 후에 실행된다는 의미입니다. 이는 window.onload와 동일하지만 애플리케이션의 window.onload보다 더 유연합니다!
defer는 스크립팅 프로그램의 강력한 기능 중 "숨겨진 영웅"입니다. 이는 스크립트 세그먼트에 즉시 실행될 필요가 없는 코드가 포함되어 있음을 브라우저에 알리고, SRC 속성과 함께 사용하면 이러한 스크립트가 백그라운드에서 다운로드되어 전경의 콘텐츠가 표시될 수도 있습니다. 정상적으로 사용자에게
그러나 문서가 로드된 후에 스크립트를 실행하십시오.
마지막으로 두 가지 사항에 유의하십시오.
1. defer 유형 스크립트 세그먼트에서는 document.write 명령을 호출하지 마십시오. document.write 직접 출력 효과를 생성합니다.
2. 또한 즉시 실행 스크립트에서 사용하는 전역 변수나 함수를 defer 스크립트 세그먼트에 포함하지 마세요.
성능을 최적화하는 일반적인 방법은 스크립트를 즉시 실행할 필요가 없을 때
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
