HTML <script> defer属性用法及代码示例

HTML defer属性是一个布尔属性，用于指定在页面完成解析后执行脚本。此属性仅适用于外部脚本。

用法:

<script defer>

例：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML <script> defer Attribute 
    </title> 
</head> 
  
<body style="text-align:center;"> 
    <h1 style="color:green">  
        GeeksForGeeks  
    </h1> 
  
    <h2>  
        HTML <script> defer Attribute 
    </h2> 
  
    <script id="myGeeks"
            type="text/javascript"
            src="my_script.js"
            defer> 
    </script> 
    <br> 
    <button type="button"
            onclick="myFunction()"> 
      Submit 
  </button> 
  
</body> 
  
</html>

外部脚本： my_script.js

function myFunction() { 
    alert("Script works"); 
}

输出：
点击前：

点击后：

支持的浏览器：<script> defer Attribute支持的浏览器如下：

谷歌浏览器
IE浏览器
Firefox
苹果Safari
Opera

相关用法

注：本文由纯净天空筛选整理自Vijay Sirra大神的英文原创作品 HTML | <script> defer Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。