Open In App

HTML <script> Tag

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

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

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>
  
    <!-- HTML script Tag Starts Here -->
    <script>
        document.getElementById("GFG").innerHTML
            = "Hello GeeksforGeeks!";
    </script>
    <!-- HTML Script Tag Ends Here -->
  
</body>
  
</html>


Output: 

script-tag1

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: 

sectipt-tag

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
Previous
Next
Share your thoughts in the comments
Similar Reads