如何使用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在特定網頁上顯示按鈕

回答

相關問題