核心方法：使用 removeChild() 或 remove()
无论在哪种情况下，核心的JavaScript操作都是一样的：找到目标<script>元素，然后将其从其父元素中移除。
有两种主要的移除方法：
-
element.remove()(现代、推荐) 这是最简单直接的方法，它会直接调用该元素上的removeChild方法，从 DOM 中删除该元素及其所有后代。 -
parentElement.removeChild(element)(兼容性更好) 这是比较传统的方法，你需要先找到父元素，然后由父元素来“抛弃”它的子元素。
从你自己的网页中移除 JS 代码（开发调试）
这是最直接的情况，你想要从你的 HTML 文件里删除 直接打开你的 HTML 文件，找到 示例 HTML: 手动删除后： 优点： 简单、直接，无需任何编程。
缺点： 不适合自动化或动态场景。 你可能想在用户点击某个按钮后，才删除页面上的一段脚本，这时就需要用 JS 来操作 DOM。 示例：点击“删除脚本”按钮后，移除内部的 代码解释： 这种情况比较复杂，因为你无法直接修改其他网站的源代码，你需要通过浏览器扩展或用户脚本来注入自己的JS，然后在页面加载完成后,动态地移除目标网站的JS元素。 警告： 这种操作可能会破坏网站的正常功能，请谨慎使用,通常用于特定目的的抓取或阅读。 你可以创建一个书签，它的地址不是网址，而是一段 JavaScript 代码，点击这个书签时，JS 代码就会在当前页面上执行。 创建书签： 书签脚本代码： 如何使用： 代码解释： 对于绝大多数开发者来说，场景一中的手动删除和JS动态删除是日常会用到的，而场景二则属于更高级的用途,需要特别注意法律和道德边界。<script>
方法 1：手动删除（最简单）
<script> 标签,然后把它连同里面的代码一起删掉。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">My Page</title>
<!-- 你想删除的 CSS 文件 -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Hello World</h1>
<button id="myButton">Click Me</button>
<!-- 这是你想删除的 JS 代码 -->
<script>
document.getElementById('myButton').addEventListener('click', function() {
alert('Button was clicked!');
});
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">My Page</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Hello World</h1>
<button id="myButton">Click Me</button>
<!-- <script> 标签被删除了 -->
</body>
</html>
方法 2：使用 JavaScript 动态删除（适用于需要交互时）
<script>。<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">Remove JS Demo</title>
</head>
<body>
<h1>Page with JS to be removed</h1>
<button id="removeScriptBtn">删除脚本</button>
<hr>
<!-- 这是我们要删除的脚本块 -->
<script id="scriptToRemove">
// 这段代码定义了一个函数，但可能因为某些原因需要被移除
function someFunction() {
console.log("This function will be removed.");
}
console.log("Script loaded. You can remove it by clicking the button.");
</script>
<script>
// 添加事件监听器，当按钮被点击时执行删除操作
document.getElementById('removeScriptBtn').addEventListener('click', function() {
// 1. 找到要删除的 script 元素
const scriptElement = document.getElementById('scriptToRemove');
// 2. 检查元素是否存在，如果存在就删除它
if (scriptElement) {
// 使用 .remove() 方法 (推荐)
scriptElement.remove();
console.log("Script has been removed from the page.");
} else {
console.log("Script was not found.");
}
});
</script>
</body>
</html>
<script>标签加了一个 id="scriptToRemove"，方便我们用 document.getElementById() 精准定位。id 找到目标<script>元素。.remove() 方法,该元素就从页面上消失了。
从其他网站的网页中移除 JS 代码（浏览器扩展/书签脚本）
示例：使用一个简单的书签脚本（Bookmarklet）
javascript:(function() {
// 选择器：找到所有 src 属性包含 'some-annoying-script.js' 的 script 标签
// 或者找到所有 type="text/javascript" 的 script 标签
const scriptsToRemove = document.querySelectorAll('script[src*="some-annoying-script.js"], script[type="text/javascript"]');
scriptsToRemove.forEach(function(script) {
script.remove();
console.log("Removed a script:", script.src || script.innerHTML.substring(0, 50));
});
console.log("Finished removing scripts.");
})();
javascript:(function(){...})(); 是创建一个立即执行函数表达式,这是书签脚本的经典格式。document.querySelectorAll(...) 是一个强大的选择器，可以根据各种条件（如 src 属性包含特定字符串、type 属性等）找到所有匹配的<script>元素。scriptsToRemove.forEach(...) 遍历所有找到的脚本元素。script.remove() 将每个脚本从页面上移除。
场景
方法
优点
缺点
开发调试
手动删除
最简单，无需代码
不灵活，无法自动化
JS 动态删除
灵活，可交互
需要编写代码
修改他人网站
浏览器扩展/书签脚本
功能强大，可自动化操作
复杂，可能违反网站规则，可能破坏网站功能
