javascript - Inserting link tag with integrity and crossorigin attribute issue - Stack Overflow

admin管理员组

文章数量:1404569

Trying to insert css document with Javascript, however I receive error saying that request has to be CORS enabled. Is there a way to deal with it?

Here is the code:

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

Trying to insert css document with Javascript, however I receive error saying that request has to be CORS enabled. Is there a way to deal with it?

Here is the code:

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

• javascript
• html
• cors
• tags

Share Improve this question Follow edited Dec 12, 2018 at 0:16 Unmitigated 89.8k1212 gold badges9999 silver badges104104 bronze badges asked Aug 20, 2018 at 21:17 kkris1983kkris1983 49322 gold badges77 silver badges1818 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

Change crossorigin (not a valid HTMLLinkElement attribute) to crossOrigin (note the capital "O"). Remember that HTML element properties are generally spelled in camel case (first word lower case with all subsequent words having their first letter capitalized) in Javascript.

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

本文标签： javascriptInserting link tag with integrity and crossorigin attribute issueStack Overflow