访问默认页面时，无法将活动类添加到菜单中

Question

我创建了一个菜单。
HTML部分：

<div id="menu">
    <ul>
        <li><a href="a.html">Home</a></li>
        <li><a href="b.html">Portfolio</a></li>
        <li><a href="c.html">Contact</a></li>
    </ul>
</div>

我想基于url将活动类添加到菜单中。
js部分：

var pageurl = window.location.href.substr(window.location.href.lastIndexOf('/')+1);

$('#menu a').each(function(){
    if($(this).attr('href') == pageurl || $(this).attr('href') == '') {
        $(this).addClass('onSelect');
    } else {
        $(this).addClass('offSelect');
    }
});

单击菜单时工作正常：

/* http://exmaple.com/b.html */

<div id="menu">
    <ul>
        <li><a href="a.html" class="offSelect">Home</a></li>
        <li><a href="b.html" class="onSelect">Portfolio</a></li>
        <li><a href="c.html" class="offSelect">Contact</a></li>
   </ul>
</div>

问题是我已经设置了＃34; Home＆＃34;作为我的默认页面，但是当我第一次访问该网站时，我无法为＆＃34; a.html＆＃34;

添加活动课程

/* http://exmaple.com */

<div id="menu">
    <ul>
        <li><a href="a.html" class="offSelect">Home</a></li>
        <li><a href="b.html" class="offSelect">Portfolio</a></li>
        <li><a href="c.html" class="offSelect">Contact</a></li>
    </ul>
</div>

我的js代码有什么问题吗？