javascript - 根据位置突出显示按钮

Question

我正在尝试根据正在查看的页面突出显示导航按钮(在菜单中)。这是我目前所拥有的:

var loca = String(document.location.href);

// Get document location and specific page.
if (loca) {
    if(loca.search(RegExp("((/[\w]*)\.php)")) != -1) {
        activate(loca.match(RegExp("((/[\w]*)\.php)").split("/").join("")));
    } else {
        activate("home");
    }
}

// Activate a button
function activate(bName) {
    $(".button[name=" + bName + "]").css({
        "border-left": "1px solid white",
        "border-right": "1px solid white"
    });
}

我想要发生的是:

1. 获取页面的URL
2. 获取页面的具体文件名，如果没有找到，则在首页。
3. 我尝试使用 jQuery 找到按钮的名称，如果名称与文件名匹配，则突出显示它。

事实是，这只会突出显示“主页”按钮。我究竟做错了什么？另外，如果您对我如何更好地完成此任务有任何建议，请告诉我!

Answer 1

我会得到这样的文件名，而不是:

var pathname = window.location.pathname.split("/");
var filename = pathname[pathname.length-1].split(".")[0];

alert(filename);