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

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

来源

2013-10-26 user2923855

至少，向我们展示URL的外观，按钮应显示的页面以及不应显示的页面。另外，请记住，使用JavaScript显示/隐藏按钮并不安全（取决于显示/隐藏的原因），因为它仍然存在于HTML中。这应该真的做到服务器端，与[标签：红宝石]，[标签：PHP]，[标签：ASP]，[标签：.net]等 –

我同意你。我也在学习asp.net，并且不久将会用服务器端脚本更新网站。感谢您的输入。 – user2923855

你可以试试这个，显示按钮，如果它是在/文章文件夹，但不能/articles/articles.html：

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

来源

2013-10-26 21:37:46 jacouh

感谢您的输入。你的建议略有效果。该按钮不显示在文章主页上，而是显示在包括子文章的每个页面上。我只需要他们在子文章上展示。这里是我的客户的网站，所以你可以看到我的意思是导航到文章链接：henriwtartt.com – user2923855

@ user2923855，我们将找到一个最小的解决方案，它可以修复您的浏览器尽可能快地运行的需求。 – jacouh

我真的很感激它。我会自己摆弄它，并发布如果我得到它的工作。 – user2923855

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

回答

相关问题