HTML <script> defer 속성
정의와 사용법
defer 속성은 부울 속성입니다.
만약 defer 속성이 설정되면, 스크립트가 페이지 분석과 동시에 병행으로 다운로드되고, 페이지 분석이 완료되면 실행됩니다.
주의:defer 속성은 외부 스크립트에만 적용됩니다(만약 src 속성이 존재하면) src 속성 그런 경우에만 사용해야 합니다).
주의:외부 스크립트를 다양한 방법으로 실행할 수 있습니다:
- async이 설정되면: 스크립트가 페이지 분석과 동시에 병행으로 다운로드되고, 사용 가능할 때 즉시 실행됩니다(분석이 완료되기 전에)
- defer(async이 설정되지 않음)이 설정되면: 스크립트가 페이지 분석과 동시에 병행으로 다운로드되고, 페이지 분석이 완료되면 실행됩니다.
- async 및 defer 가 없으면: 스크립트가 즉시 다운로드되고 실행되며, 페이지 분석을 차단하여 스크립트 실행이 완료될 때까지 대기합니다.
<script src="demo_defer.js" defer></script>
직접 테스트해 보세요
문법
<script defer>
스크립트 실행을 지연합니다.
브라우저는 defer 속성을 가진 script 요소를 만날 때, 스크립트의 로드와 실행을 HTML 문서의 모든 요소가 해석된 후로 미뤄둡니다.
이것은 script를 페이지 끝에 옮긴 결과와 같습니다: <body> <body> <body> ... ... <script src="demo.js"></script>
</body>
브라우저 지원
| 표에서의 숫자는 해당 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다. | 에지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|
| 표에서의 숫자는 해당 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다. | 에지 | 파이어폭스 | 사파리 | 오페라 |
| 8.0 | 10.0 | 3.5 | 5.0 | 15.0 |
