如何控制同一script.js中的函数在index.html和index.php页面按需执行

完全可以实现，你提到的借助window对象的方案是可行的，也可以用更稳妥的DOM存在性判断方案，两种实现方式如下：

方案1：基于window对象判断页面路径 #

通过window.location.pathname获取当前页面的访问路径，匹配到index.html时才执行CheckErrors函数，代码示例如下：

// 通用函数：两个页面都执行
function ChangeColor() {
  // 先判断按钮存在，避免页面无对应元素时报错
  const button = document.querySelector('#your-button-id') // 替换为你实际的按钮选择器
  if (!button) return
  button.addEventListener("mouseover", () => {
    button.classList.remove("red");
    button.classList.add("blue");
  })
  button.addEventListener("mouseout", () => {
    button.classList.remove("blue"); // 此处修正了原有代码的逻辑错误：移出时需要删除蓝色加红色
    button.classList.add("red");
  })
}

// 仅index.html需要执行的函数
function CheckErrors() {
  //Content
}

// 执行逻辑
ChangeColor() // 所有页面都执行
if (window.location.pathname.endsWith('index.html')) {
  CheckErrors()
}

方案2：判断对应DOM是否存在（更推荐） #

如果后续你修改了index.html的文件名或者路由规则，路径判断会失效，更稳妥的方案是直接判断只有index.html才有的表单元素是否存在，不需要硬编码页面路径，兼容性更强：

// 通用函数：两个页面都执行
function ChangeColor() {
  const button = document.querySelector('#your-button-id')
  if (!button) return
  button.addEventListener("mouseover", () => {
    button.classList.remove("red");
    button.classList.add("blue");
  })
  button.addEventListener("mouseout", () => {
    button.classList.remove("blue");
    button.classList.add("red");
  })
}

// 仅index.html需要执行的函数
function CheckErrors() {
  //Content
}

// 执行逻辑
ChangeColor()
// 判断只有index.html存在的表单元素，替换为你实际的表单选择器
const targetForm = document.querySelector('#your-form-id')
if (targetForm) {
  CheckErrors()
}

内容的提问来源于stack exchange，提问作者javi-ur96