HTML DOM Script crossOrigin屬性用法及代碼示例

HTML DOM 腳本 crossOrigin 屬性用於設置或返回 <script> 元素的 crossOrigin 屬性的值。該屬性用於指定從第三方服務器獲取或加載樣式表或 javascript 文件時的 HTTP CORS 請求。

用法:

它返回cross-origin屬性。

scriptObject.crossOrigin;

它用於設置cross-origin屬性。

scriptObject.crossorigin="anonymous | use-credentials;

屬性值：

anonymous：有默認值。它定義將發送 CORS 請求而不傳遞憑據信息。
use-credentials:將發送帶有憑據、cookie 和證書的 cross-origin 請求。

例子：下麵的 HTML 代碼返回腳本 cross-origin 屬性。

HTML


<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        DOM script crossOrigin Property 
    </title> 
</head> 
  
<body style="text-align:center;"> 
    <h1>GeeksForGeeks</h1> 
    <h2> 
        DOM script crossOrigin property 
    </h2> 
  
    <script id="myGeeks" type="text/javascript" 
        src="my_script.js" crossorigin="anonymous"> 
    </script> 
    <br> 
  
    <button onclick="Geeks()">Submit</button> 
  
    <h2 id="demo"></h2> 
  
    <script> 
        function Geeks() { 
            var x = document.getElementById( 
                "myGeeks").crossOrigin; 
            document.getElementById( 
                "demo").innerHTML = x; 
        } 
    </script> 
</body> 
  
</html>

輸出

支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
Firefox
Opera
Safari

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML DOM Script crossOrigin Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。