插入具有完整性和跨域属性问题的链接标签

Question

尝试使用 Javascript 插入 css 文档，但是我收到错误消息，提示必须启用 CORS。有办法处理吗？

这是代码：

var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'https://use.fontawesome.com/releases/v5.2.0/css/all.css';
link.integrity = 'sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ';
link.crossorigin = 'anonymous';
document.head.appendChild(link);

Answer 1

将crossorigin（不是有效HTMLLinkElement属性）更改为crossOrigin（注意大写“O”）。请记住，HTML 元素属性在 Javascript 中通常以驼峰形式拼写（第一个单词小写，所有后续单词的首字母大写）。

var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'https://use.fontawesome.com/releases/v5.2.0/css/all.css';
link.integrity = 'sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ';
link.crossOrigin = 'anonymous';
document.head.appendChild(link);