HTML | defer Attribute

The HTML defer attribute is a boolean attribute which is used to specify that script is executed when the page has finished parsing. This attribute only works with external scripts.

Applicable:

<script>

Example:

html

<!DOCTYPE html> 

<html> 

<head> 

    <title> 

        HTML defer Attribute 

    </title> 

</head> 

<body style="text-align:center;"> 

    <h1 style="color:green">  

        GeeksForGeeks  

    </h1> 

    <h2>  

        HTML 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>

External script: my_script.js

javascript

function myFunction() { 

    alert("Script works"); 
} 

Output:

Before Click:

After Click:

Supported Browsers: The browsers supported by HTML defer Attribute are listed below:

Google Chrome
Edge 12 and above
Firefox 3.5 and above
Apple Safari
Opera

Article Tags :

HTML

Web Technologies

HTML-Attributes