반응형
defer
script src 호출중 defer값을 넣으면 백그라운드에서 다운로드 한다.
<script defer src="~~~~~~"></script>
단, DOMContentloaded 이벤트 발생 전 실행 됨
async
defer와 마찬가지로 백그라운드에서 다운로드 한다.
<script async src="~~~~~~"></script>
단, DOMContentloaded가 해당 스크립트 로딩을 기다리지 않고 비동기로 실행된다.
async가 여러개인 경우 실행 순서는 제각각이 된다.
동적 스크립트
let script = document.createElement('script');
script.src = "/~~~.js";
document.body.append(script);
동적 스크립트는 async 처럼 동작한다.
script.async = false; // or true
async 여부를 직접 지정도 가능하다.
반응형
'Front-Html > Javascript' 카테고리의 다른 글
룬 알고리즘 체크용 javascript 소스 (2) | 2023.09.05 |
---|---|
Generator를 이용한 비동기 처리 (0) | 2022.01.20 |
Promise async await를 이용한 비동기 처리 (0) | 2022.01.20 |
javascript querySelector (0) | 2021.03.03 |
javascript 암복호화 처리 (0) | 2016.09.01 |