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