如何检测是否在主页上隐藏按钮

Chr*_*rno 2 html javascript css hyperlink

如果我有一个静态HTML主页,有没有一种方法可以嵌入一些Javascript来查看我是否在主页上?我想要做的是如果用户不在主页上,在导航栏上显示"主页"按钮.所以,一旦我知道他是否在主页上,我就可以使用if-else语句.不熟悉如何在Javascript中执行此操作.我会在PHP中执行此操作,但由于项目的限制,我不允许使用PHP.此站点是纯HTML页面.

我需要Javascript来检测页面的原因是因为所有页面(包括主页)都是相同的模板(同样,不是我的决定).如果不是这样,我可以为每个页面创建一个模板,但主页.所以这让我遇到了问题.

我目前的想法是使用这样的东西:

<script type="text/javascript">
var sPath = window.location.pathname;
var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);
if(sPage != "index.html"){
$turnonhomelink=true;
}
else{
$turnonhomelink=false;
}
</script>
Run Code Online (Sandbox Code Playgroud)

然后是链接:

<script type="text/javascript">
if ($turnonhomelink==true){
echo '<li><a href="#">Home</a></li>';
}
else{
//echo nada
}
</script>
Run Code Online (Sandbox Code Playgroud)

除了正常情况"如果Javascript没有开启,这将无效",有什么我想念的吗?

我最关心的一点是:if(sPage != "index.html") 重要的是要注意这个站点只有一层深度链接(一个目录中的所有HTML页面),但这是在Javascript中比较字符串的正确方法吗?

Pev*_*ara 5

我可以建议绝对不需要javascriptr来实现这一目标.只有css,有很多方法可以做到这一点.特别是如果你在一个静态的html页面上.简单的方法是在你的身体标签上添加一个id来表明你在hompegae上.然后在此页面上添加一些css以使主页按钮不可见.Somethiong喜欢这个:

HTML:

<body id="homepage">
...
   <li id='home-button'>
      <a href='/index.htm'>Home</a>
   </li>
...
Run Code Online (Sandbox Code Playgroud)

CSS:

#homepage #home-button {
  display: none;
}
Run Code Online (Sandbox Code Playgroud)

这样,js禁用的粘合剂可以获得与普通游客相同的体验......