使用JavaScript，有什麼選擇來設置當前選擇的導航項目？

使用JavaScript，有什麼選項來設置當前選擇的導航項目？使用JavaScript，有什麼選擇來設置當前選擇的導航項目？

假設每當有人點擊導航鏈接時刷新頁面，唯一的方法是在服務器端進行，或者通過查找當前URL來動態設置它？

還有其他的技巧嗎？

2009-04-17 Blankman

window.location.pathname屬性是可靠的，如果你要使用子菜單比較鏈接的href的菜單中它會很快（即沒有正則表達式測試）。

var menuLinks = document.getElementById('menu').getElementsByTagName('a'); 

for (var i = 0; i < menuLinks.length; i++) { 
    if (menuLinks[i].href.indexOf(window.location.pathname) > -1) { 
    doSomething(); 
    } 
}

來源

2009-04-17 19:15:11 tj111

我爲自己的頁面<body>元素的類屬性，如「家庭節」或「產品節」。

頁面加載時，可以使用JavaScript檢索屬性的值並適當地設置導航類。

if ($("body").attr("class") == 'home-section') { 
    $("li#primary-nav-home").addClass("active"); 
}

你也可以實現直CSS同樣的事情用適當的選擇，擺脫了需要的類。

body.home-section li#primary-nav-home { /* styling rules */ }

來源

2009-04-17 19:16:27

使用JavaScript，有什麼選擇來設置當前選擇的導航項目？

回答

相關問題