Javascript 在主页上使导航透明，否则为默认值

我正在创建一个导航，其中我尝试放置两个背景 1.透明仅在用户访问主页时显示 2.用户访问其他页面时的默认颜色

我试图通过检查地址栏URL来使用javascript解决这个问题，但后来我意识到我无法捕获主页URL

有人知道如何解决这个问题吗？

我认为您应该使用document.location.pathname。这将返回域名后的所有内容，并忽略哈希和查询字符串？key=value&ke1=value1。 这里有一个例子

//把你的主页路径放在这里 var homepagePaths=[/，/index.php，/index.html，/index.htm]； ifhomepagePaths.indexOfdocument.location.pathname===-1{//如果路径不是主页 document.getElementByIdnavbar.style.backgroundColor=0e1623； //或 //document.getElementByIdnavbar.classList.AddColor-navbar； }

---

在这里，您可以只给导航栏上色，或者设置一个特定的CSS类，在其中指定文本和背景颜色。

您可以在其他选项卡上添加不透明度“OnClick”。

---

在点击事件时，使用Css不透明到您的主页。

给主页它自己的类或ID，然后从那里开始。