IIFE仅在特定页面运行：多条件判断失效问题求助

你遇到的问题是条件判断逻辑错误，导致无论当前页面是什么，IIFE都会直接退出。

错误原因分析 #

你写的多条件判断：

if (!window.location.pathname.includes("index.html") || !window.location.pathname.includes("other.html")) return

这个逻辑等价于 !(path.includes("index.html") && path.includes("other.html"))，意思是「只要不同时包含两个页面路径，就退出」——但一个页面路径不可能同时是index.html和other.html，所以这个条件永远为true，IIFE永远不会执行后续代码。

正确写法示例 #

方式1：用数组存允许的路径，直接判断是否包含

适合路径固定的场景，比如需要匹配根路径/、index.html、other.html：

(function(){
  // 定义所有允许执行的路径
  const allowedPaths = ['/', '/index.html', '/other.html'];
  // 如果当前路径不在允许列表里，直接退出
  if (!allowedPaths.includes(window.location.pathname)) return;
  
  // 这里写仅在指定页面执行的代码
  console.log('仅在允许的页面运行');
})()

方式2：用或逻辑判断多个条件，注意取反的位置

适合需要用includes模糊匹配的场景（比如路径里包含index的页面）：

(function(){
  const currentPath = window.location.pathname;
  // 满足任意一个条件就继续执行，否则退出
  if (!(currentPath.includes('index.html') || currentPath.includes('other.html') || currentPath === '/')) return;
  
  // ... 执行你的业务代码
})()

扩展：处理动态路径或模糊匹配 #

如果需要匹配类似/pages/index.html这种带目录的路径，或者只判断文件名，可以用split提取文件名：

(function(){
  const fileName = window.location.pathname.split('/').pop();
  const allowedFiles = ['index.html', 'other.html', '']; // 空字符串对应根路径/
  
  if (!allowedFiles.includes(fileName)) return;
  
  // ... 执行代码
})()

内容的提问来源于stack exchange，提问作者Brian Emilius