gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 15:18:33 25 4
gpt4 key购买 nike

如果我有一个静态 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>

然后是链接:

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

除了正常的“如果 Javascript 未打开,这将不起作用”之外,还有什么我遗漏的吗?

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

最佳答案

我可以建议绝对不需要 javascriptr 来实现这一点。有很多方法可以只用 css 来做到这一点。特别是如果您在静态 html 页面上。简单的方法是在您的 body 标签中添加一个 id,以表明您在 hompegae 上。然后添加一些 css 使主页按钮在此页面上不可见。像这样的东西:

HTML:

<body id="homepage">
...
<li id='home-button'>
<a href='/index.htm'>Home</a>
</li>
...

CSS:

#homepage #home-button {
display: none;
}

这样,禁用 js 的访问者将获得与普通访问者相同的体验...

关于javascript - 如何检测是否在主页上隐藏按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11853648/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com