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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。