[attribute] HTML - async 속성 ★★★ - 비동기적으로 외부스크립트 실행 지정 (= async속성 = 에이싱크속성|에이신크속성|어싱크속성|어신크속성)

1. async 예제 - 스크립트 비동기 실행
2. async 정의
3. async 구문

async 예제 - 스크립트 비동기 실행

 

<p id="hz">홈짱닷컴 Homzzang.com</p> 

<script src="hz_script.js" async></script>

---

PS.

 

PS1. hz_script.js 소스

alert(document.getElementById("p1").firstChild.nodeValue);

 

PS2.

<p> 태그가 외부스크립트 뒤에 오면, async 대신 defer 속성 사용. 

 

async 정의

 

외부 스크립트를 비동기적으로 실행할지 여부 지정하는 참거짓 속성. 

 

---

 

1.

• async 속성 지정 시, 스크립트 사용 가능한 즉시 비동기적으로 실행됨.
• async 속성은 외부 스크립트에만 사용. (src 속성 있는 경우에만 사용)

 

2.

외부 스크립트 실행 여러 가지 방법

• async 있는 경우 ─ 페이지 구문분석과 동시에 외부스크립트 다운되며, 스크립트 사용 가능 즉시 비동기적으로 실행.
• async 없고 defer 있는 경우 ─ 페이지 구문분석과 동시에 외부스크립트 다운되며, 페이지 구문분석 완료 시 외부스크립트 실행.
• async/defer 모두 없는 경우 ─ 외부스크립트 즉시 다운로드해 실행. (실행 완료 전까지 페이지 구문분석 차단.)

 

3. 

• async 속성 지원 태그: <script>
• IE10 이상 최신 브라우저 모두 지원.

 

async 구문

 

<script src="myScript.js" async></script>

 

---

[속성값]

 

없음.