HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <script> async 속성

async 속성은 부울 속성입니다. async 속성이 존재하면, 스크립트가 사용 가능할 때 즉시 비동기로 실행됩니다. async 속성은 외부 스크립트에만 적용됩니다.(src 속성이 존재할 때만 사용해야 합니다).

온라인 예제

스크립트가 실행가능하면, 비동기로 실행됩니다:

예제

!DOCTYPE html
<html
<head
<title>HTML:<script> async 속성　-　기본 튜토리얼 웹(oldtoolbag.com)<//title>
</head>
<body
<p id="p1">Hello World!<//p>
<script src="demo_async.js" async></script>
</body>
</html>

테스트를 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

Internet Explorer 10Firefox, Opera, Chrome 및 Safari가 async 속성을 지원합니다.

주의:Internet Explorer 9 및 이전 버전은 <script> 태그의 async 속성을 지원하지 않습니다.

정의 및 사용법

async 속성은 부울 속성입니다.

존재하면, 스크립트가 사용 가능할 때 즉시 비동기로 실행됩니다.

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

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

비동기가 있으면: 스크립트는 페이지의 나머지 부분과 비동기로 실행됩니다(스크립트는 페이지가 계속 분석되는 동안 실행됩니다)
비동기가 없고 지연이 있으면: 페이지가 분석되고 후에 스크립트를 실행
비동기나 지연이 없으면: 페이지를 분석하기 전에 즉시 스크립트를 가져오고 실행

HTML 4.01 와 HTML5간의 차이

async 속성은 HTML5 에 추가된 속성.

HTML과 XHTML 간의 차이

XHTML에서는 속성 약자를 금지하며, async 속성은 <script async="async">로 정의되어야 합니다.

문법

<script async>

　HTML <script> 태그

HTML: <template> 태그