URL精确匹配触发需求：仅在指定路径执行doc ready事件

我懂你这个需求——就是要严格只在路径完全等于"/projects/"的时候才执行代码，带任何查询参数都不能触发对吧？之前的代码应该是用了包含式的判断（比如indexOf），才会在/projects/?r=something这种带参数的URL下也跑起来。下面给你几个简单有效的方案：

方案1：直接用window.location.pathname精确匹配 #

window.location.pathname会返回URL中域名之后、查询参数（?开始的部分）之前的路径，刚好能满足我们的精确匹配需求：

$(document).ready(function() {
    // 精确匹配路径为"/projects/"的情况
    if (window.location.pathname === "/projects/") {
        // 这里放你要执行的操作
        console.log("仅在精确匹配/projects/时执行");
    }
});

兼容末尾有无斜杠的情况 #

如果你的服务器可能同时存在/projects和/projects/两种路径（没有自动重定向），可以稍微调整判断逻辑：

$(document).ready(function() {
    const currentPath = window.location.pathname;
    // 同时匹配带斜杠和不带斜杠的情况
    if (currentPath === "/projects/" || currentPath === "/projects") {
        // 执行操作
    }
});

方案2：用URL API解析（更清晰直观） #

现代浏览器都支持URL API，它能帮你更结构化地解析URL各个部分，代码可读性更强：

$(document).ready(function() {
    const currentUrl = new URL(window.location.href);
    // 只对比路径部分，自动忽略查询参数和哈希值
    if (currentUrl.pathname === "/projects/") {
        // 执行你的操作
    }
});

为什么之前的代码会触发？ #

大概率是你之前用了类似window.location.href.indexOf("/projects/") !== -1或者location.pathname.includes("/projects/")的判断——这种是包含匹配，只要URL里出现这个字符串就会触发，而我们需要的是精确相等的判断，所以换成===就解决问题啦。

内容的提问来源于stack exchange，提问作者Sam Assoum