Question

我在这里浏览了一些其他问题，使用jQuery和/或普通javascript获取当前页面网址，但我一直没有运气。

我的目标是：根据用户所在的页面，我想在该菜单项下面有一个边框。这就是我试图这样做的方式：

var urlHome = 'http://example.com/'
var urlShop = 'http://example.com/shop/'
var urlTeam = 'http://example.com/team/'

if (document.url.is(urlHome)) {
    $('#home-link').css('border-bottom', '1px solid #000');
}
else if (document.url.is(urlShop)) {
    $('#shop-link').css('border-bottom', '1px solid #000');
}
else if (document.url.is(urlTeam)) {
    $('#team-link').css('border-bottom', '1px solid #000');
};

不幸的是，此代码对我不起作用，我对所有建议持开放态度，并提前感谢您的帮助。

Answer 1

var loc = window.location.href,id="";
     if (loc === urlHome) id = "home";
else if (loc === urlShop) id = "shop";
else if (loc === urlTeam) id = "team";
if (id) $('#'+id+'-link').css('border-bottom', '1px solid #000');

这对我有用，当然还有我自己的变量：）

Answer 2

只做

if(document.URL == urlHome)
{
// Whatever
}

将Page Url与jQuery一起使用

2 个答案: