Attribut crossorigin du HTML <script>

Balise HTML <script>

Définition et utilisation

crossorigin L'attribut définit le modèle de demande comme une demande CORS HTTP.

Les pages web émettent souvent des demandes pour charger des ressources situées sur d'autres serveurs. C'est là que CORS intervient.

Une demande de site externe est une demande de ressource provenant d'un autre domaine (par exemple, des feuilles de style, des iframe, des images, des polices ou des scripts).

CORS est utilisé pour gérer les demandes de site externe.

CORS signifie Cross-Origin Resource Sharing (Partage de Ressources entre Sites Externes), c'est un mécanisme qui permet de demander des ressources sur une page web provenant d'un autre domaine que celui du site. Il définit la manière dont le navigateur et le serveur interagissent pour déterminer si une demande de site externe est sécurisée. CORS permet au serveur de spécifier qui peut accéder aux ressources sur le serveur, ainsi que de nombreuses autres fonctionnalités.

Astuce :Contraste avec les demandes de même origine, les demandes de site externe signifient que les pages web ne peuvent interagir qu'avec d'autres documents situés sur le même serveur. Cette stratégie impose que les documents qui s'interagissent doivent avoir la même origine (domaine).

Astuce :Veuillez également consulter Attribut integrity。

Exemple

C'est 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>

Syntaxe

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

Valeur de l'attribut

Valeur Description
  • anonymous
  • use-credentials

Définir le modèle de requête CORS :

  • anonymous - Exécuter des requêtes cross-origin. Ne pas envoyer d'informations d'identification.
  • use-credentials - Exécuter des requêtes cross-origin. Envoyer des informations d'identification (par exemple : cookie, certificat, authentification HTTP de base).

Prise en charge du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
30.0 18.0 13.0 13.0 12.1

Balise HTML <script>