前端小菜鸡拾夕 —— Script 动态加载和移除

前端小菜鸡重拾之路

script 标签的插入和删除

• 插入

  • 原生 JS

  var script = document.createElement("script");
  script.setAttribute("type", "text/javascript");
  // or script.type = "text/javascript"
  script.setAttribute("src", "...");
  // or script.src = "..."
  var head = document.getElementsByTagName("head");
  head[0].appendChild(script)
  // or document.body.appendChild(script)
  

  在 head 添加之前也可以先判断一下 head 是否存在 if (head.length)

  • jquery

  $("head").append("<script type="text/javascript" src="..."></script>")
  // or $("body").append("<script type="text/javascript" src="..."></script>")
  

• 删除

var scriptList = docume