HTML <script> Tag
The HTML <script>
tag serves for embedding client-side scripts, whether containing scripting statements or linking to an external script file. Basically <script>
HTML element is used to embed executable code or data and it dynamically alters the content, manages form validation, and manipulates page styles, enhancing user interactivity and experience.
Syntax
// For Internal JavaScript Linking
<script> Script Contents... </script>
// For External JavaScript Linking
<script src="script.js"></script>
Attributes
Attributes |
Descriptions |
---|---|
It is used to specify the script is executed asynchronously. |
|
It is used for loading an external script into their domain from a third-party server or another domain with the support of HTTP CORS Request. |
|
It is used to specify that the script is executed when the page has finished parsing. |
|
It is used to give permission to the Browser to check the fetched script to make ensure the source code is never loaded. |
|
nomodule |
It indicates that the script should not execute in the browsers that support ES module. It is a boolean attribute. |
nonce |
It is used by Content Security Policy to check whether a given fetch will be allowed to proceed for a given element or not. |
It is used to specify the reference information that will be sent to the server when fetching the script. |
|
It is used to specify the URL of an external script file. |
|
It is used to specify the media type of the script. |
Note: This tag supports all the Global attributes.
Example 1: Add script tag inside the body section of HTML document.
HTML
<!DOCTYPE html> < html > < body > < h1 >w3wiki</ h1 > < h2 >HTML script Tag</ h2 > < p id = "GFG" ></ p > <!-- HTML script Tag Starts Here --> < script > document.getElementById("GFG").innerHTML = "Hello w3wiki!"; </ script > <!-- HTML Script Tag Ends Here --> </ body > </ html > |
Output:
Example 2: Add script tag inside the head section of HTML document.
HTML
<!DOCTYPE html> < html > < head > < script > function Beginner() { alert('Welcome to w3wiki!'); } </ script > </ head > < body > < h1 > w3wiki </ h1 > < h2 >HTML script Tag</ h2 > < button type = "button" onclick = "Beginner()" > Hello w3wiki </ button > </ body > </ html > |
Output:
Supported Browsers
- Google Chrome 1 and above
- Edge 12 and above
- Firefox 1 and above
- Opera 12 and above
- Safari 3 and above