Question

当用户访问我的网站并点击主要文章页面中的文章时，我希望“返回文章”按钮仅显示在这些子页面上。如何在文章文件夹下指定这些文章？我可以使用通配符* .html来获取路径名中articles文件夹下的所有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();
        }
});

Answer 1

你可以尝试这个，如果它在/ 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();
   }
});

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

1 个答案: