HTML動態引用js / css
阿新 • • 發佈:2018-11-17
function appendDependencies() { const jsList = [ 'xxxx.xxxx.js', ] const cssList = [ 'xx.css' ] const fragment = document.createDocumentFragment(); // add js jsList.forEach((item) => { const scriptNode = document.createElement('script'); scriptNode.setAttribute("type","text/javascript"); scriptNode.setAttribute("src", item); scriptNode.setAttribute("charset", "utf-8"); fragment.appendChild(scriptNode); }, []); // add css cssList.forEach((item) => { const cssNode = document.createElement('link'); cssNode.setAttribute("rel", "stylesheet"); cssNode.setAttribute("href", item); cssNode.setAttribute("charset", "utf-8"); fragment.appendChild(cssNode); }, []); document.querySelector('head').appendChild(fragment); }