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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。