HTML动态引用js / css

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);
}