Javascript代碼來檢測當前頁面

Question

是否有一個JavaScript代碼，可以檢測到我的用戶在哪個頁面，然後添加一個類到ul項目？我想將我的菜單放在我的靜態HTML網站中的一個單獨的文件中，然後使用PHP include添加它，但我想要class="current"用於當前頁面。

Answer 1

if(window.location == 'myfixedurl') 
{ 
    document.getElementById('menuList').className += 'current'; 
} 

你可能需要調整window.location的，這樣它看起來在相對路徑，或沒有主機名絕對等

記住，如果用戶禁用JavaScript的他們不會有視覺指示器他們在哪個頁面上。

如果您有權訪問PHP，爲什麼不在服務器端代碼而不是客戶端？

Answer 2

我會做在PHP中，但你可以使用像window.location的

Answer 3

你在window.location或window.location.pathname可能感興趣。

我會推薦在PHP中這樣做，儘管如果你已經在使用它了。

Answer 4

絕對...創建CSS類的當前狀態，然後動態的添加類通過JavaScript UI元素...

/*css*/ 

#nav li.current { 
background-color:#ffffff;  

}  

/*Using JQuery*/ 

$('#nav li a').each(function(){ 

var path = window.location.href; 
var loc = path.substring(path.lastIndexOf('/')+1); 
var url = $(this).attr('href'); 

if(url == loc){ 
$(this).parent().addClass('current'); 
}; 
});