Атрибут crossorigin HTML тега <script>

Значение и применение

Атрибут crossorigin (HTML тега <script>) определяет, используется ли CORS при загрузке скрипта (только для внешних скриптов, которые загружаются с использованием атрибута src).

Поддержка браузерами

Спецификация: multipage

Поддерживается во всех основных браузерах с 2016 года.

Показать браузеры
Совместимостьhtml.elements.script.crossorigin
ВозможностьКомпьютерыМобильные
ChromeEdgeFirefoxOperaSafariChrome AndroidFirefox for AndroidOpera AndroidSafari on iOSSamsung BrowserWebView AndroidWebView on iOS
crossorigin✓19✓14✓14✓12✓6✓25✓14✓12✓6✓1.5✓4.4✓6

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис:

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

Значения атрибута

Значение Описание
anonymous CORS с режимом учётных данных same-origin: для другого источника они не передаются. Нужен разрешающий ответ сервера; пустое или недопустимое значение также означает anonymous.
use-credentials Режим CORS. Для anonymous учётные данные другого источника не отправляются; для use-credentials включаются и требуют явного разрешения сервера, включая Access-Control-Allow-Credentials. При нарушении CORS скрипт не загружается.

Отличия HTML 4.01 от HTML 5

Атрибут считается новым в HTML 5.

Примеры, попробуйте сами

Атрибут crossorigin элемента script

Это схема подключения: example.com не предоставляет учебный app.js. Для проверки нужен свой сервер с подходящими CORS-заголовками.

Исходный код для изучения. Запуск на этой странице недоступен.

index.html
HTML
<!doctype html>
<html lang="ru">
  <head>
    <meta charset="UTF-8" />
    <title>Подключение скрипта</title>
    <script src="https://example.com/app.js" crossorigin="anonymous"></script>
  </head>
  <body>
    <h1>Моя страница</h1>
    <p>Содержимое документа.</p>
  </body>
</html>