JavaScript设置全站生效darkmode Cookie的正确path配置方法

你配置Cookie全站不生效的核心原因有两个：

• 设置path属性时错误使用了单引号包裹路径值：你代码里写的path='/'会被浏览器把单引号识别为路径内容的一部分，实际匹配的路径根本不是站点根目录。Cookie路径配置不需要加任何引号，直接写path=/就代表全站所有路径生效，你试过的path=*、path=/*都不符合Cookie规范，自然无法生效。
• 现有切换逻辑存在边界漏洞：当用户首次访问子目录、本地还没有darkmode这个Cookie时，你写的循环匹配Cookie的逻辑不会触发写入操作，点击按钮完全不会修改Cookie值。

直接替换你的暗黑模式切换JS代码即可，PHP端的样式判断逻辑本身没有问题，不需要改动：

<button onclick="myFunction()">Toggle dark mode</button>

<script>
function myFunction() {
    let targetMode = 1;
    // 读取当前已有的darkmode状态，兼容Cookie不存在的场景
    const darkmodeMatch = document.cookie.match(/(?:^|; )darkmode=([^;]+)/);
    if (darkmodeMatch) {
        targetMode = darkmodeMatch[1] === "1" ? 0 : 1;
    }
    // 正确写入全站生效的Cookie，额外配置1年有效期避免关闭浏览器后状态丢失
    document.cookie = `darkmode=${targetMode}; path=/; max-age=31536000`;
    window.location.reload();
}
</script>

• 如果需要Cookie在你所有子域名下都能读取，可以在Cookie配置里追加domain=你的主域名（比如你的站点是a.example.com和b.example.com共用，就写domain=example.com）。
• 如果你不需要长期保存暗黑模式状态，可以删掉max-age=31536000配置，此时Cookie为会话级，关闭浏览器后会自动失效。

内容的提问来源于stack exchange，提问作者Francisco de Javier