HTML DOM Link crossOrigin属性用法及代码示例

HTML DOM 链接跨源属性用于设置或返回值跨域的属性<link>元素。该属性用于指定从第三方服务器获取或加载样式表或图标文件时的 HTTP CORS 请求。

用法:

它返回cross-origin属性。

linkObject.crossOrigin;

它用于设置cross-origin属性。

linkObject.crossorigin="anonymous | use-credentials;

属性值：

anonymous: 它有一个默认值。它定义了将在不传递凭据信息的情况下发送 CORS 请求。
use-credentials: 将发送带有凭据、cookie 和证书的 cross-origin 请求。

示例 1：下面的 HTML 代码返回链接cross-origin属性。

HTML


<!DOCTYPE html>
<html>
<head>
    <link id="linkid" rel="stylesheet" type="text/css"
        href="styles.css" sizes="16*16"
        hreflang="en-us" crossorigin="use-credentials">
</head>
<body style="text-align:center;">
    <h1 style="color:green">
        GeeksforGeeks
    </h1>
    <strong>DOM Link crossOrigin property</strong>
    <br/><br/>
    <button onclick="myClick()">
        return
    </button>
    <p id="pid" style="font-size:25px;color:green;"></p>
    <script>
        function myClick() {
            // return  Link crossOrigin Property
            var newVar = document
                .getElementById("linkid").crossOrigin;
            document.getElementById("pid")
                .innerHTML = newVar;
        }
    </script>
</body>
</html>

输出：

支持的浏览器：

谷歌浏览器
火狐浏览器
Edge
Safari
Opera

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML DOM Link crossOrigin Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。