Link External JavaScript File in HTML | Both asynchronous and synchronous way of loading JavaScript

✅ Learn how to link external JavaScript file in HTML both asynchronously and synchronously with the step-by-step explained real-world coding exercise.

💡 The HTML script tag is used to link external JavaScript file in HTML:
You can either put executable JavaScript codes inside the HTML script tag to link JavaScript codes to HTML, or you can refer to an external JavaScript file using the HTML script tag's src attribute to link external JavaScript files in HTML.

💡 The HTML script tag has an async attribute, if it present, it will help you link external Javascript file in HTML asynchronously.

💡 The HTML script tag has defer attribute, if it present, it will help you link external JavaScript file in HTML synchronously.

💡 The HTML script tag also has a type attribute, its value is the media type of the scripts, for JavaScript, it is text/javascript.

💡 A media type ( Multipurpose Internet Mail Extensions or MIME type) is a standard that indicates the nature and format of a document, file, or assortment of bytes. It is defined and standardized in IETF's RFC 6838.
The Internet Assigned Numbers Authority (IANA) is responsible for all official MIME types, and you can find the most up-to-date and complete list from this link:

💡 The HTML NoScript element defines a section of HTML to be inserted if a script type on the page is unsupported or if scripting is currently turned off in the browser.

[victorriaasmith]

Thanks and this is really helpful! Especially the asynchronous and synchronous way of loading Javascript!

[aihaitiabudureheman]

Excellent and useful! Especially the asynchronous and synchronous part!