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.
<!DOCTYPE html> < html >
< body >
< h1 >GeeksforGeeks</ h1 >
< h2 >HTML script Tag</ h2 >
< p id = "GFG" ></ p >
<!-- HTML script Tag Starts Here -->
< script >
document.getElementById("GFG").innerHTML
= "Hello GeeksforGeeks!";
</ script >
<!-- HTML Script Tag Ends Here -->
</ body >
</ html >
|
Output:
Example 2: Add script tag inside the head section of HTML document.
<!DOCTYPE html> < html >
< head >
< script >
function Geeks() {
alert('Welcome to GeeksforGeeks!');
}
</ script >
</ head >
< body >
< h1 >
GeeksforGeeks
</ h1 >
< h2 >HTML script Tag</ h2 >
< button type = "button" onclick = "Geeks()" >
Hello GeeksforGeeks
</ 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