1. HTML5는 스크립트의 비동기 속성을 구현합니다. 이 새로운 속성을 사용하면 브라우저에서 js를 로드할 수 있습니다. 또한 이 속성은 다음과 같습니다. 현재 모든 브라우저에서 사용됩니다. 모든 브라우저에서 이를 구현했으며(Firefox 및 Chrome의 초기 버전 제외), IE는 처음부터 이러한 속성을 잘 지원했습니다. 코드 복사 코드는 다음과 같습니다. //async //defer ><br> <br> </div>2. async와 defer의 차이점 <br>: <strong>async 또는 defer가 포함된 스크립트는 즉시 다운로드되며 페이지 구문 분석을 차단하지 않으며 둘 다 선택적 onload 이벤트 처리를 제공합니다. 다운로드가 완료된 후 이 스크립트와 관련된 일부 초기화 작업을 수행하기 위해 호출됩니다. 차이점은 비동기는 다운로드가 완료되자마자(window.onload 이벤트 이전) 실행되고 실행 순서를 보장하지 않는 반면, defer는 js가 페이지에 있는 순서대로(DOMContentLoaded 이전) 실행되도록 보장한다는 것입니다. 이벤트). </strong><br>3. 브라우저 호환성 문제를 해결하려면 다음 코드를 사용하세요. <br> <strong></strong><br><div class="codetitle"> <span>코드 복사<a style="CURSOR: pointer" data="87766" class="copybut" id="copybut87766" onclick="doCopy('code87766')"><u></u> 코드는 다음과 같습니다. </a></span> </div>functionlazyload() { <div class="codebody" id="code87766">var elem = document.createElement("script") <br>elem.type = "text/javascript"; 🎜>elem.async = true; <br>elem.src = "js/dquery.js?v=11"; //해당 JS 파일 <br>document.body.appendChild(elem) <br><br>if (window.addEventListener) { <br>window.addEventListener("load",lazyload, false) <br>} else if (window.attachEvent) { <br>window.attachEvent("onload", lazyload); <br>} else { <br>window.onload =lazyload;} <br><br> <br>비동기 로딩이므로 window.onload 이벤트에 해당 js 콘텐츠를 사용해야 합니다. 페이지에서 직접 다음과 같은 스크립트 오류를 보고합니다. <br><br> </div>