如何使用javascript在特定网页上显示按钮

如何使用javascript在特定网页上显示按钮,javascript,jquery,html,css,Javascript,Jquery,Html,Css,当用户访问我的网站并单击文章主页上的文章时,我希望“返回文章”按钮只显示在这些子页面上。如何在articles文件夹下指定这些文章?我可以使用通配符*.html获取路径名中文章文件夹下的所有html页面吗?我是javascript新手。谢谢 以下是我的代码: --HTML5 <a href="../articles/articles.html" class="btnArticles">Back to Articles</a> --CSS3 .btnArticles

当用户访问我的网站并单击文章主页上的文章时,我希望“返回文章”按钮只显示在这些子页面上。如何在articles文件夹下指定这些文章?我可以使用通配符*.html获取路径名中文章文件夹下的所有html页面吗?我是javascript新手。谢谢

以下是我的代码:

--HTML5

<a href="../articles/articles.html" class="btnArticles">Back to Articles</a>

--CSS3

.btnArticles {
    background-color: #BA6222;
    color: #ffffff!important;
    border-radius: 90px;
    box-shadow: 5px 5px 5px #E49135;
    padding: 15px 10px;
    float:right;
    text-decoration: none;
    margin-left: 90px;  
    display:none;

}

.btnArticles:hover {
    background-color: #BA6222;
    opacity: .8;
    color: #E7E7E7!important;
}

--JS

//Articles button show/hide only on html pages under the articles folder

$(document).ready(function(){

    if (window.location.pathname == "[href='nameofsite/articles/*.html']"){
        $(".btnArticles").show();
    }
        else
        {
            $(".btnArticles").hide();
        }
});
——HTML5
--CSS3
B.条{
背景色:#BA6222;
颜色:#ffffff!重要;
边界半径:90px;
盒影:5px 5px 5px#E49135;
填充:15px 10px;
浮动:对;
文字装饰:无;
左边距:90像素;
显示:无;
}
.b提示:悬停{
背景色:#BA6222;
不透明度:.8;
颜色:#E7E7E7!重要;
}
--JS
//“文章”按钮仅在“文章”文件夹下的html页面上显示/隐藏
$(文档).ready(函数(){
如果(window.location.pathname==“[href='nameofsite/articles/*.html']”){
$(“.btnArticles”).show();
}
其他的
{
$(“.btnArticles”).hide();
}
});

如果在/articles文件夹下,但不在/articles/articles.html下,则可以尝试此操作,显示按钮:

$(document).ready(function(){
  if(window.location.pathname.match(/\/articles/)
   && (! window.location.pathname.match(/\/articles\/articles\.html/)))
  {
    $(".btnArticles").show();
  }
  else
  {
    $(".btnArticles").hide();
   }
});

谢谢你的意见。你的建议有点奏效。该按钮不会显示在文章主页面上,但会显示在包括子文章在内的每个页面上。我只需要在子文章中显示它们。这是我客户的网站,所以你可以看到我的意思导航到文章链接:henriwtartt。com@user2923855,我们将找到一个最低限度的解决方案,解决您需要通过浏览器尽快运行的问题。我非常感谢。我会自己摆弄它,如果我让它工作的话,我会发布。我就快到了……它只出现在文章的主pg上,它是子pg,没有出现在其他任何一个上。现在我只需要将它从文章的主页面$(document).ready(function(){if(window.location.pathname.match(/articles\/*.\.html/){$(“.btnArticles”).show();}中删除即可(function(){$(“.btnArticles”).hide();});伟大的成功了!接线员和接线员确实做到了。这很有意义。谢谢你,jacouh。至少告诉我们URL是什么样子的,按钮应该显示在哪些页面上,不应该显示在哪些页面上。另外,请记住,使用JavaScript显示/隐藏按钮是不安全的(取决于显示/隐藏的原因),因为它仍然存在于HTML中。这确实应该在服务器端完成,使用、、等。我同意你的看法。我还在学习asp.net,在不久的将来将不得不用服务器端脚本更新网站。谢谢你的意见。