首页 > 专栏 > 前端 > 文章详情
crossorigin setting attributes - HTML5 发布于:2020-12-28 10:44:52   原创发表   查看:9  讨论:0

在HTML5中,一些 HTML 元素提供了对 CORS 的支持, 例如 <audio><img><link><script> 和 <video> 均有一个跨域属性 (crossOrigin property),它允许你配置元素获取数据的 CORS 请求。 wFf【易塔云】自习室

The crossorigin content attribute on media elements is a CORS settings attribute.wFf【易塔云】自习室

这些属性是枚举的,并具有以下可能的值:wFf【易塔云】自习室

关键字 描述
anonymous 对此元素的 CORS 请求将不设置凭据标志。
use-credentials 对此元素的CORS请求将设置凭证标志;这意味着请求将提供凭据。
"" 设置一个空的值,如 crossorigin 或 crossorigin="",和设置 anonymous 的效果一样。

默认情况下(即未指定 crossOrigin 属性时),CORS 根本不会使用。如 Terminology section of the CORS specification 中的描述,在非同源情况下,设置 "anonymous" 关键字将不会通过 cookies,客户端 SSL 证书或 HTTP 认证交换用户凭据。wFf【易塔云】自习室

即使是无效的关键字和空字符串也会被当作 anonymous 关键字使用。wFf【易塔云】自习室

示例:使用 crossorigin 的 script 元素

// 你可以使用下面的 script元素用于嵌入或引用可执行脚本。wFf【易塔云】自习室
// <script> 元素告诉浏览器执行来自 https://example.com/example-framework.js 的脚本且不发送用户凭据。wFf【易塔云】自习室
<script src="https://example.com/example-framework.js" crossorigin="anonymous"></script>

示例:Webmanifest with credentials

// 在获取需要用户凭据的 manifest 时,属性值必须设置为 use-credentials。即使是同源的情况。wFf【易塔云】自习室
<link rel="manifest" href="/app.webmanifest" crossorigin="use-credentials">

发表评论

  • 匿名
还没有注册?