EJS按钮仅执行alert()，无法运行DeleteItems函数及console.log问题

你的问题核心是DeleteItems函数仅执行了alert语句，后续代码全部终止，大概率是函数执行到某一步抛出了未捕获的错误，导致JS引擎停止执行后续逻辑。以下是具体排查和修复步骤：

1. 立刻查看浏览器控制台错误 #

打开浏览器开发者工具（F12或Ctrl+Shift+I）切换到Console标签页，点击删除按钮后查看是否有红色报错信息——这是定位问题最快的方式。

2. 检查关键元素是否存在 #

函数中第一行就尝试获取ListTitle元素的innerHTML：

const pagetitle = document.getElementById("ListTitle").innerHTML;

如果页面中不存在id为ListTitle的元素，这行代码会抛出Cannot read properties of null (reading 'innerHTML')错误，直接终止后续代码执行。

验证方法：在控制台输入document.getElementById("ListTitle")，如果返回null，说明元素不存在或id拼写错误，修正页面中元素的id即可。

3. 修正脚本引入路径 #

你当前的脚本引入用了Windows反斜杠：

<script src="\script\button.js"></script>

浏览器解析URL时只识别正斜杠，反斜杠会被当成转义字符，可能导致脚本加载不完全或路径解析错误。改成正斜杠：

<script src="/script/button.js"></script>

同时确认你的button.js确实放在项目根目录下的public/script/文件夹中（因为你配置了express.static("public")）。

4. 确保后端能解析JSON请求体 #

你的fetch发送的是JSON格式的请求体，但如果Node.js后端没配置解析中间件，会无法读取请求数据，甚至返回错误。在app.js中添加：

app.use(express.json()); // 解析JSON请求体

放在app.use(express.static("public"))之后、路由定义之前。

5. 添加调试日志定位卡点 #

在函数的关键步骤插入console.log，确认每一步是否执行：

function DeleteItems(){
   console.log("DeleteItems 函数已触发");
   const pagetitle = document.getElementById("ListTitle").innerHTML;
   console.log("获取到页面标题：", pagetitle);
   let arr = [];
   let checkboxes = document.querySelectorAll("input[type='checkbox']:checked");
   console.log("选中的复选框数量：", checkboxes.length);
   if(checkboxes.length == 0){
        alert("Please check at least one checkbox to delete");
        return;
   }
   for(let i = 0; i < checkboxes.length; i++){
        arr.push(checkboxes[i].value);
   }
   console.log("待删除项ID数组：", arr);
   let body = JSON.stringify({checked : arr});
   console.log("请求体内容：", body);
   fetch("/remove",
        {method: "post",
        redirect:"follow",
        body: body,
        headers: {
            'Content-Type' : 'application/json' 
        }})
        .then(response => {
            console.log("请求响应状态：", response.status);
            if(response.redirected){
                window.location.href = "/typeoflist/" + pagetitle;
            }
        })
        .catch(function(err){
            console.error("请求失败：", err);
        });
}   

点击按钮后查看控制台日志，就能清楚看到哪一步没有执行，进而定位问题。

内容的提问来源于stack exchange，提问作者Gereth Lim