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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。