The HTML defer attribute is a Boolean attribute that is used to specify that script is executed when the page has finished parsing. This attribute only works with external scripts.
Syntax:
<script defer>
Example:
<!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>
External script: my_script.js
function myFunction() { alert("Script works"); }
Output: Before Click:
After Click:
Supported Browsers: The browsers supported by <script> defer Attribute are listed below: