HTML <img> crossorigin Attribute

HTML <script> crossorigin Attribute

Last Updated : 26 Mar, 2024

The HTML <script> tag with the crossorigin attribute specifies how to handle fetching of external scripts. When set to "anonymous", it indicates that the script should be retrieved without sending user credentials.

Cross-Origin Resource Sharing(CORS) is a tool that allows web pages requesting for resources from another domain that is outside of their own domain. It is also used for managing cross-origin requests which is a request for a resource from an outside domain.

Syntax:

<script crossorigin="anonymous | use-credentials">

Attribute Values:

Attribute	Description
anonymous	It has a default value. It defines a CORS request will be sent without passing the credentials information.
use-credentials	A cross-origin request will be sent with credentials, cookies, and certificates

Note: This attribute is only valid for use if we try to fetch the resources from the third party domain.

Example: In this example the HTML script tag with crossorigin attribute set to "anonymous" for loading my_script.js file. Button for submission included in the body.

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>
            HTML script crossorigin Attribute
        </title>
    </head>

    <body>
        <h2>HTML script crossorigin Attribute</h2>

        <br />
        <button>Submit</button>

        <script
            type="text/javascript"
            src="my_script.js"
            crossorigin="anonymous"
        ></script>
    </body>
</html>

Output:

scriptCross — HTML

Supported Browsers:

HTML <img> crossorigin Attribute

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML <video> crossorigin Attribute

The HTML crossorigin attribute is used in the <video> element that supports a CORS request when we tried to fetch out the video files from the third-party servers or from another domain. Syntax: <video crossorigin="anonymous | use-credentials"> Attribute Values: anonymous: It has a defau

HTML <img> crossorigin Attribute

The HTML crossorigin Attribute in is used in <img> element that supports a CORS request when we tried to fetch out the .png or .jpg files from the third party server or from other domain.Â Syntax <img crossorigin="anonymous | use-credentials"> Attribute Values: anonymous: It has a defaul

HTML | <script> charset Attribute

The HTML <script>charset Attribute is used to specifies the character encoding used in an external script. Syntax: <script charset="charset"> Note: HTML <script>charset Attribute is not supported by HTML5. Attribute Values: It contains the value charset which specifies the characte

HTML <audio> crossorigin Attribute

The HTML crossorigin Attribute is used in the <audio> element that supports a CORS request when we tried to fetch out the audio files from the third-party servers or from another domain.Â Syntax: <audio crossorigin="anonymous | use-credentials">Attribute Values: anonymous: It has a Defau

HTML <script> defer Attribute

The HTML defer attribute is a Boolean attribute that is used to specify that script is executed when the page has finished parsing. This attribute only works with external scripts.Â Syntax: <script defer> Example:Â HTML <!DOCTYPE html> <html> <head> <title> HTML <scr

HTML crossorigin Attribute

CORS stands for cross-origin resource sharing. It is a mechanism by which one webpage requests to another domain for fetching out the resource like audio, video, script, etc from the third party server without leaking their credentials information. Â If specified, the request will be sent with or wit

HTML | <script> src Attribute

The HTML <script> src Attribute is used to specify the URL of external JavaScript file. The External JavaScript file is used to run on the same script on several pages on a website. We can save the JavaScript file with an extension of .js. We can refer the external script using the src attribu

HTML | <script> type Attribute

The HTML <script> type Attribute is used to specify the MIME type of script and identify the content of the Tag. It has a Default value which is â€œtext/javascriptâ€. Syntax: <script type="media_type"> Attribute Values: It contains a single value i.e media_type which specifies the MIME type

HTML | <script> async Attribute

The HTML,<script> async attribute is a boolean attribute. When present, it specifies that the script will be executed asynchronously when it is available. This attribute only works for external scripts (and used only in when src attribute is present ).Note: There are so many ways in which exte

HTML | <th> scope Attribute

The HTML <th> scope Attribute is used to specify the header cell is used for header row, column, colgroup or rowgroup. This attribute does not display any visual effect on the browser but it is used for screen readers. Syntax: <th scope="col | row | colgroup | rowgroup"> Attribute Values