JavaScript如何正确移除head标签中的指定script脚本？

算力阿峰

2026-7-18

正确移除head中指定脚本元素的方法

你当前代码的核心问题是：document.head.removeChild() 要求传入DOM元素对象，但你传的是字符串文件名'temp_values_1.js'，所以完全不生效。

下面是两种可行的实现方式：

方法一：用`querySelector`精准定位

利用脚本的src属性直接匹配目标元素，代码最简洁：

function removeScript() {
  // 通过src属性精准找到目标script元素
  const targetScript = document.querySelector('script[src="http://localhost/static/js/temp_values_1.js"]');
  if (targetScript) {
    // 找到后直接移除元素
    targetScript.remove();
    // 也可以用 document.head.removeChild(targetScript); 效果完全一致
  }
}

方法二：遍历筛选脚本元素

如果担心路径匹配有误差，或者需要批量处理，可以遍历head中的所有脚本：

function removeScript() {
  const scripts = document.head.getElementsByTagName('script');
  // 倒序遍历避免删除元素后索引错乱
  for (let i = scripts.length - 1; i >= 0; i--) {
    const script = scripts[i];
    // 检查src是否包含目标文件名
    if (script.src.includes('temp_values_1.js')) {
      script.remove();
    }
  }
}