# Sử dụng async và defer full (Oke)

![](https://2494213435-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYjAG13rAPdbArSfRyB%2F-Lx5KFJhk8qKVGWGE8F9%2F-Lx5Ng5OKaFTvVmbqJRS%2Fasync%201.png?alt=media\&token=590e0759-feae-499d-98b9-a757c111b2aa)

![](https://2494213435-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYjAG13rAPdbArSfRyB%2F-Lx5KFJhk8qKVGWGE8F9%2F-Lx5Nk3mDCcA3euH_34G%2Fasync%202.png?alt=media\&token=3303db56-f505-49c9-9fac-5b4ce06b8a4c)

![Tương tự với defer thì cũng vậy nó đợi html tải hết nó mới chạy defer](https://2494213435-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYjAG13rAPdbArSfRyB%2F-Lx5KFJhk8qKVGWGE8F9%2F-Lx5PMgm8r6iJb25jRsh%2Fasync%203.png?alt=media\&token=5a234005-e5a8-4ef4-b85d-aa877372abbf)

![](https://2494213435-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYjAG13rAPdbArSfRyB%2F-Lx5PmAccGrrRfyEdf00%2F-Lx5Q_tGYLdJPDL5zdKP%2Fasync%204.png?alt=media\&token=a0ebf97f-12d3-405c-9c74-bf99c0cf9f72)

```
<!DOCTYPE html>
<html>
<body>
<p id="p1">Hello World!</p>
<script src="demo_async.js" async></script>
<p><strong>Note:</strong> The async attribute of the script tag is not supported in Internet Explorer 9 and earlier versions.</p>
</body>
</html>
```

```
// demo_async.js
alert(document.getElementById("p1").firstChild.nodeValue);
```

{% file src="<https://2494213435-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYjAG13rAPdbArSfRyB%2F-Lx5QbYMbokKfLMds6sb%2F-Lx5RTnQWpnNu_tG8ufe%2Fasyncdefer.rar?alt=media&token=bcef3691-42f6-4ff4-8a77-63ba72827cc1>" %}
