HTML Script async用法及代碼示例

DOM腳本異步屬性用於設置或返回是否應異步執行腳本。此屬性用於反映async屬性。此屬性僅適用於外部腳本。

可以通過以下幾種方式來執行外部腳本：

當存在異步時，腳本將與頁麵的其餘部分異步執行。意味著當頁麵繼續解析時，將執行時間腳本。
如果存在延遲，但不存在異步，則在頁麵解析完成後將執行腳本。
如果兩者都不存在，則不存在異步或延遲，那麽即使在瀏覽器繼續解析頁麵之前，腳本也會被提取並立即執行。

用法:

它返回async屬性。
```
scriptObject.async
```
它用於設置異步屬性。
```
scriptObject.async = true|false
```

屬性值：它包含一個布爾值，該布爾值指定是否應在腳本可用後立即異步執行腳本。

True:它指定腳本應異步執行。
false:它指定腳本將不會異步執行。

返回值：它返回一個布爾值，該值指定腳本是否應該異步執行。

例：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML DOM Script async Property 
    </title> 
</head> 
  
<body style="text-align:center;"> 
  
    <h1 style="color:green;"> 
        GeeksforGeeks 
    </h1> 
      
    <h2>DOM Script async Property </h2> 
      
    <p id="p1">Hello World!</p> 
      
    <script id="myScript" src="demo_async.js" async></script> 
  
    <!-- Button that trigger the Function -->
    <button onclick="myFunction()">Click me!</button> 
  
    <p id="demo"></p> 
  
    <!-- Main Function -->
    <script> 
        function myFunction() { 
            var x = document.getElementById("myScript").async; 
            document.getElementById("demo").innerHTML = x; 
        } 
    </script> 
</body> 
  
</html>

輸出：

在單擊按鈕之前：
單擊按鈕後：

支持的瀏覽器：下麵列出了HTML DOM Script async屬性支持的瀏覽器：

穀歌瀏覽器
Internet Explorer 10.0
Firefox
Safari
Opera

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Script async Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。