HTML <script> crossorigin Attribut

❮ HTML <script> tag

Exemple

Voici un lien vers un fichier .js sur un autre serveur. Ici, nous utilisons à la fois les attributs integrity et crossorigin :

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous">
</script>

Définition et Utilisation

L'attribut crossorigin définit le mode de la requête en tant que requête HTTP CORS.

Les pages Web effectuent souvent des requêtes pour charger des ressources sur d'autres serveurs. C'est ici que CORS entre en jeu.

Une requête cross-origin est une requête pour une ressource (par exemple, des feuilles de style, des iframes, des images, des polices ou des scripts) provenant d'un autre domaine.

CORS est utilisé pour gérer les requêtes cross-origin.

CORS signifie Cross-Origin Resource Sharing, et c'est un mécanisme qui permet de demander des ressources sur une page Web à partir d'un autre domaine en dehors de leur propre domaine. Il définit comment un navigateur et un serveur peuvent interagir pour déterminer s'il est sûr de permettre la requête cross-origin. CORS permet aux serveurs de spécifier qui peut accéder aux ressources sur le serveur, parmi de nombreuses autres choses.

Conseil : L'opposé des requêtes cross-origin est constitué des requêtes same-origin. Cela signifie qu'une page Web ne peut interagir qu'avec d'autres documents qui se trouvent également sur le même serveur. Cette politique impose que les documents qui interagissent entre eux doivent avoir la même origine (domaine).

Conseil : Regardez également l'attribut integrity .


Support des Navigateurs

Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'attribut.

Attribut
crossorigin 30.0 18.0 13.0 13.0 12.1

Syntaxe

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

Valeurs des Attributs

Valeur Description
anonymous
use-credentials
Spécifie le mode de la requête CORS :
  • anonymous - Une requête cross-origin est effectuée. Aucun identifiant n'est envoyé.
  • use-credentials - Une requête cross-origin est effectuée. Des identifiants sont envoyés (par exemple, un cookie, un certificat, une authentification HTTP Basic).

❮ HTML <script> tag