HTML <script> defer Attribute
Last Updated :
27 Feb, 2024
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:
HTML
<!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
javascript
function myFunction() {
alert( "Script works" );
}
|
Output: Before Click:
After Click:
Supported Browsers: The browsers supported by <script> defer Attribute are listed below:
- Google Chrome
- Edge 12 and above
- Internet Explorer 10 and above
- Firefox 3.5 and above
- Apple Safari
- Opera
Share your thoughts in the comments
Please Login to comment...