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
async
|
It is used to specify the script is executed asynchronously.
|
cross-origin
|
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.
|
defer
|
It is used to specify that the script is executed when the page has finished parsing.
|
integrity
|
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.
|
referrerpolicy
|
It is used to specify the reference information that will be sent to the server when fetching the script.
|
src
|
It is used to specify the URL of an external script file.
|
type
|
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 >GeeksforGeeks</ h1 >
< h2 >HTML script Tag</ h2 >
< p id = "GFG" ></ p >
< script >
document.getElementById("GFG").innerHTML
= "Hello GeeksforGeeks!";
</ script >
</ body >
</ html >
|
Output:Â
Example 2: Add script tag inside the head section of HTML document.Â
HTML
<!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
Last Updated :
13 Dec, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...