如何在導航欄中動態突出顯示當前頁面，比如Stackoverflow

Question

我在我的網站的每個頁面上包含的header.php頁面中都有一個導航欄。如何向當前頁面添加一個current_page類？

我試圖

$('a[href="'+window.location+'"]').addClass('menu-highlight'); 

但如果我的GET變量設置不工作，我的HREF的是相對的URL。

我有一個想法是在PHP頁面上包含文件來保存對應於該頁面的數字，並用Jquery在該屬性中更改該數字。

最佳做法是什麼？

Answer 1

最好的做法是在服務器端代碼中處理這個問題。但是，如果你使用絕對路徑鏈接，而不是完整的URL鏈接，您可以使用

window.location.pathname

排除查詢字符串，而不是

window.location.href

，其中包括它

window.location.href 
=> "http://stackoverflow.com/questions/10506079/how-to-dynamically-highlight-the-current-page-in-nav-bar-like-stackoverflow?test=foo" 

window.location.pathname 
=> "https://stackoverflow.com/questions/10506079/how-to-dynamically-highlight-the-current-page-in-nav-bar-like-stackoverflow"