async 특성을 사용하여 JavaScript 메서드를 비동기적으로 로드하고 실행합니다.

내가 HTML5에 대해 기대하는 가장 큰 이유 중 하나는 HTML5에 구현된 새로운 기능과 기능이 우리가 오랫동안 기다려온 전부이기 때문입니다. 예를 들어 이전에 자리 표시자를 사용해 왔지만 이를 JavaScript로 구현해야 했습니다. HTML5의 JavaScript 태그에 제공된 async 속성을 ​​사용하면 JavaScript를 비동기적으로 로드하고 실행할 수 있습니다. 이전에는 이 기능을 구현하기 위해 다양한 JavaScript 플러그인이 필요했지만 이제는 이 새로운 속성을 사용하여 비동기 로딩을 쉽게 구현할 수 있습니다. async属性，使JavaScript能异步加载执行。之前我需要各种的JavaScript插件来实现这种功能，但现在这个新属性能让我们轻松的实现异步加载。

async – HTML代码

真的非常简单，就像下面这样：

<script async src="siteScript.js" onload="myInit()"></script>

事实上，如果你是个有严谨精神的程序员，你应该在你90%以上的SCRIPT标记上使用async属性。

defer – HTML代码

还有一个跟async属性相似的defer属性：

<script defer src="siteScript.js" onload="myInit()"></script>

跟async属性的在语法上非常相似。

async & defer – 不同之处

这篇WebKit博客将defer和async之间的不同之处解释的非常清楚：

浏览器对标记有async属性或defer属性的scripts会立即加载并解析，同时也会支持依赖于这个脚本进行初始化的onload事件。async属性和defer属性的不同之处在于何时执行这个脚本。标注有async属性的Script会在下载完成后即可执行，不需要等待window的load事件。这意味着标记有async属性的脚本并不一定会按在页面中嵌入的顺序执行。而标记有defer属性的脚本却一定会按它们在页面上的顺序依次执行。执行会在解析完全完成后开始，但会在document的DOMContentLoaded事件之前。

支持 async 和 defer 属性的浏览器有哪些？

引用Safari博客上的话：

WebKit引擎的浏览器(谷歌浏览器和Safari浏览器)。火狐浏览器从3.6版开始支持async 和 defer 属性。IE也很早就支持 defer 属性，但对async属性不支持，在IE9中支持onload属性。

async 太有用了！

看到各浏览器实现async功能着实让我非常高兴。浏览器网站页面时被JavaScript卡住的确是个很大的问题，async

async – HTML 코드

다음과 같이 정말 간단합니다.

rrreee사실, 엄격한 프로그래머라면 의 90% 이상을 사용해야 합니다. SCRIPT 태그의 >async 속성.

defer – HTML 코드

async 속성과 유사한 defer 속성도 있습니다: 🎜rrreee🎜async와 유사) > 속성은 구문이 매우 유사합니다. 🎜

비동기 및 지연 – 차이점

🎜이 WebKit 블로그에서는 지연과 비동기의 차이점을 매우 명확하게 설명합니다. 🎜

🎜브라우저는 async 속성 또는 defer 속성으로 표시된 스크립트를 즉시 로드하고 구문 분석하며, 초기화를 위해 이 스크립트에 의존하는 onload 이벤트도 지원합니다. async 속성과 defer 속성의 차이점은 스크립트가 실행될 때입니다. async 속성이 표시된 스크립트는 다운로드가 완료된 후 창의 로드 이벤트를 기다리지 않고 실행됩니다. 이는 async 속성이 표시된 스크립트가 반드시 페이지에 포함된 순서대로 실행되지는 않는다는 것을 의미합니다. defer 속성이 표시된 스크립트는 페이지에 나타나는 순서대로 실행됩니다. 구문 분석이 완전히 완료된 후 문서의 DOMContentLoaded 이벤트 전에 실행이 시작됩니다. 🎜

비동기 및 연기 속성을 지원하는 브라우저는 무엇인가요?

🎜Safari 블로그 인용문: 🎜

🎜WebKit 엔진 브라우저(Google Chrome 및 Safari). Firefox는 버전 3.6부터 async 및 defer 속성을 지원합니다. IE도 오랫동안 defer 속성을 지원했지만, async 속성은 지원하지 않습니다. IE9에서는 onload 속성이 지원됩니다. 🎜

비동기화는 정말 유용합니다!

🎜다양한 브라우저에서 async 기능을 구현하는 것을 보니 매우 기쁩니다. 웹사이트 페이지를 탐색할 때 JavaScript가 멈추는 것은 실제로 큰 문제입니다. async 속성의 비동기 로딩 및 실행 기능은 웹사이트의 페이지 속도를 확실히 증가시킵니다. 🎜🎜추천 튜토리얼: "🎜javascript 기본 튜토리얼🎜"🎜

위 내용은 async 특성을 사용하여 JavaScript 메서드를 비동기적으로 로드하고 실행합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!