动态加载css和javascript

动态加载css文件

const loadCss = (url: string, isCache = false) => {
  const element = document.createElement("link");
  element.setAttribute("rel", "stylesheet");
  element.setAttribute("type", "text/css");
  if (isCache) {
    element.setAttribute("href", url + "?t=" + new Date().getTime());
  } else {
    element.setAttribute("href", url);
  }
  document.head.appendChild(element);
};

动态加载javascript

const loadJs =(
  src: string,
  callback: (this: HTMLScriptElement, ev: Event) => void,
  isCache = false
) => {
  const script = document.createElement("script");
  script.type = "text/JavaScript";
  if (isCache) {
    script.src = src + "?t=" + new Date().getTime();
  } else {
    script.src = src;
  }
  if (script.addEventListener) {
    script.addEventListener("load", callback, false);
  }
  document.head.appendChild(script);
}