Javascript 代码在Codepen中工作，但在我的Web主机上不工作

我有一个对比度更改脚本，它设置cookies并将它们加载到页面上。 这是finde在Codepen上的工作，控制台日志为：“从cookie加载对比度绿色单色！”， 但在Webhost上，函数未找到任何cookie，并向控制台日志响应“未找到cookies！”

我已经检查了代码好几次，搜索了其他相关的答案，但我不明白，为什么这段代码在我的网络主机上不起作用

请问你有什么想法或建议吗？ 溴 马蒂亚斯

代码笔：

对比度变换器 $（文档）.ready（函数（）{ log（“事件侦听器就绪！”）； //检查是否有饼干 var x=document.cookie； 如果（x=='blackwhite'）{ 黑白（）； log（“从cookie加载的对比黑白！”）； } else如果（x=='whiteblack'）{ 白黑（）； log（“从cookie加载的对比白黑！”）； } else如果（x=='yellowblue'）{ 黄蓝色（）； log（“从cookie加载的对比黄蓝色！”）； } else if（x=='blueyellow'）{ 蓝黄色（）； log（“从cookie加载的对比蓝黄色！”）； } else如果（x='Bernsteinomonochrome'）{ bernsteinmonochrome（）； log（“从cookie加载的对比度bernsteinmonochrome！”）； } else如果（x==‘绿色单色’）{ 绿色单色（）； log（“从cookie加载的对比度绿色单色！”）； } 如果（x=='commodore64'）{ 准将64（）； log（“从cookie加载的对比commodore64！”）； } else{console.log（“未找到cookies！”）； } //对比默认值 $（“.change reset”）。单击（函数（）{ $（“*”）.removeClass（“对比度黑白对比度黑白对比度黄蓝色对比度蓝黄色对比度单色bernstein对比度单色gruen对比度-commodore64”）； //重置COOKIE document.cookie=1 log（“对比度cookie重置！”）； }); //黑白对比 $（“.changeBW”）。单击（函数（）{blackwhite（）；}）； //黑白对比 $（“.changeWB”）。单击（函数（）{whiteblack（）；}）； //对比黄蓝 $（“.changeYB”）。单击（函数（）{yellowblue（）；}）； //对比蓝黄 $（“.changeBY”）。单击（函数（）{blueyellow（）}）； //康特拉斯特·伯恩斯坦单色 $（“.changeBM”）。单击（函数（）{bernsteinmonochrome（）}）； //对比度绿色单色 $（“.changeGM”）。单击（函数（）{greenmonology（）}）； //海军准将64 $（“.changeC64”）。单击（函数（）{commodore64（）}）； //对比布局CSS类 函数blackwhite（）{ $（“*”）.removeClass（“对比度黑白对比度黑白对比度黄蓝色对比度蓝黄色对比度单色bernstein对比度单色gruen对比度-commodore64”）； $（“*”）.addClass（“对比黑白”）； $（“i.icon.fas.fa adjust.contrast black white”）.removeClass（“contrast black white”）； $（“span.btn label.contrast black white”）.removeClass（“contrast black white”）； document.cookie='blackwhite'； log（“对比cookie黑白集！”）； } 函数whiteblack（）{ $（“*”）.removeClass（“对比度黑白对比度黑白对比度黄蓝色对比度蓝黄色对比度单色bernstein对比度单色gruen对比度-commodore64”）； $（“*”）.addClass（“对比黑白”）； $（“i.icon.fas.fa adjust.contrast white black”）.removeClass（“contrast white black”）； $（“span.btn label.contrast white black”）.removeClass（“contrast white black”）； document.cookie='whiteblack'； log（“对比cookie黑白集！”）； } 函数yellowblue（）{ $（“*”）.removeClass（“对比度黑白对比度黑白对比度黄蓝色对比度蓝黄色对比度单色bernstein对比度单色gruen对比度-commodore64”）； $（“*”）.addClass（“对比黄蓝”）； $（“i.icon.fas.fa adjust.contract yellow blue”）.removeClass（“contract yellow blue”）； $（“span.btn标签.对比黄蓝”）.removeClass（“对比黄蓝”）； document.cookie='yellowblue'； log（“对比度cookie黄蓝色集合！”）； } 函数blueyellow（）{ $（“*”）.removeClass（“对比度黑白对比度黑白对比度黄蓝色对比度蓝黄色对比度单色bernstein对比度单色gruen对比度-commodore64”）； $（“*”）.addClass（“对比蓝黄色”）； $（“i.icon.fas.fa adjust.contrast蓝黄色”）.removeClass（“contrast蓝黄色”）； $（“span.btn标签.对比蓝黄”）.removeClass（“对比蓝黄”）； document.cookie='blueyellow'； log（“对比度cookie蓝黄色集！”）； }

---

})它对我来说也不适用于codepen。我认为发生的事情如下

在某个时刻，您在codepen中运行代码，该代码创建了具有所需值的cookie

Cookie将保留在它们运行的域中，特别是当Cookie中没有过期日期时

现在，当您在codepen中运行页面时，您将得到一个结果

清除codepen中的cookies，并查看是否会得到相同的结果。这是有道理的

您必须在某个地方设置cookie（并且没有代码可以这样做）。然后，当页面加载时，它会检查值

您可以从设置cookie值的服务器端返回非Http cookie。实现依赖于后端技术。您也可以在web服务器上注入cookie

---

设置cookie的唯一位置是当cookie已经设置并且您在函数中重新设置它时。

您能将其缩减到实际的cookie代码吗？大部分内容似乎都不相关。我将代码从Codepen复制到Stackoverflow 1:1以避免错误。全t