English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <script> defer 속성

<script> defer 속성은 보리얼 속성입니다. defer 속성은 페이지가 구문 분석을 완료한 후 스크립트를 실행하도록 지정합니다. defer 속성은 외부 스크립트에만 적용됩니다( src 속성이 존재할 때만 사용해야 합니다).

　HTML <script> 태그

온라인 예제

페이지가 로드되면 실행되는 스크립트:

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>HTML:<script> defer 속성의 사용-기본 튜토리얼(oldtoolbag.com)</title>　
</head>
<body>
<script src="demo_script.js" defer></script>
<p>위 스크립트는 다음 문단에서 정보를 제공하도록 요구합니다. 일반적으로 이는 불가능합니다. 왜냐하면 스크립트는 문단이 존재하기 전에 실행되기 때문입니다.</p>
<p id="p1">Hello World!</p>
<p>하지만, defer 속성은 스크립트가 나중에 실행되도록 지정합니다. 이렇게 하면 스크립트가 문단에서 정보를 요청할 수 있습니다.</p>
</body>
</html>
시험해보기 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저는 defer 속성을 지원합니다.

정의와 사용법

defer 속성은 보리언 속성입니다.

만약 있으면, 페이지가 파싱되면 스크립트를 실행하도록 지정합니다.

주의: defer 속성은 외부 스크립트에만 적용됩니다(src 속성이 있는 경우에만 사용해야 합니다).

주의: 외부 스크립트를 실행하는 방법은 여러 가지가 있습니다:

  • 비동기가 있는 경우: 스크립트는 페이지의 나머지 부분과 동시에 비동기로 실행됩니다(스크립트는 페이지가 계속 파싱되는 동안 실행됩니다)

  • 비동기가 없고 지연이 있는 경우: 페이지가 파싱되면 스크립트를 실행

  • 비동기나 지연이 없는 경우: 페이지를 파싱하는 동안 스크립트를 즉시 가져오고 실행

HTML 4.01 HTML과5차이점

없음.

HTML과 XHTML의 차이

XHTML에서는 속성 줄임 금지, defer 속성은 반드시 <script defer="defer">로 정의해야 합니다.

문법

<script defer>
　HTML <script> 태그
HTML: <template> 태그