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中比较字符串的正确方法吗?
我可以建议绝对不需要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禁用的粘合剂可以获得与普通游客相同的体验......