跨域css加载,如何检查是否使用Javascript加载了外部(跨域)CSS文件
时间: 2023-07-27 22:26:02 浏览: 46
在Javascript中,可以通过创建一个`link`元素并将其添加到文档中来加载外部CSS文件。如果您想检查是否使用了Javascript加载外部CSS文件,可以使用以下步骤:
1. 遍历文档中的所有`link`元素。
2. 对于每个`link`元素,检查其`href`属性是否指向一个跨域的CSS文件。
3. 如果是,检查该元素是否是通过Javascript创建并添加到文档中的。可以通过检查`link`元素的`ownerDocument`属性是否等于当前文档来判断。
4. 如果是,说明该CSS文件是通过Javascript加载的。
下面是一个示例代码:
```javascript
function checkCrossDomainCSSLoaded() {
var links = document.getElementsByTagName('link');
var isLoaded = false;
for (var i = 0; i < links.length; i++) {
var link = links[i];
if (link.rel === 'stylesheet' && link.href.indexOf('://') > -1) {
if (link.ownerDocument === document) {
isLoaded = true;
break;
}
}
}
return isLoaded;
}
```
该函数会返回一个布尔值,表示是否使用Javascript加载了外部跨域CSS文件。