如何改用location.href location.pathname的

Question

我的JavaScript函數看起來像這樣：

 function markActiveLink() { 

      var path = location.pathname; 
      var home = "/"; 

      if (path == home) 
       return 
      $("a[href='" + [path || home] + "']").parents("li").each(function() { 
       $(this).removeClass('menu_item'); 
       $(this).addClass("menu_item_active"); 
      }); 
     } 

但我想用document.location.href而不是location.pathname找到鏈接。我試過只是改變它，但然後功能根本不工作 - >我的鏈接都沒有被選中。

我的一些鏈接的代碼看起來像這樣：

<ul> 
      <li><a href="<%=System.Configuration.ConfigurationManager.AppSettings("VirtualDirectory").ToString()%>User/UserOrder.aspx?id=<%=pe.UserId%>&type=NMO"> 
       <%=Me.GetLocalResourceObject("NMOrders.Text")%> 
      </a></li> 
      <li><a href="<%=System.Configuration.ConfigurationManager.AppSettings("VirtualDirectory").ToString()%>User/UserOrder.aspx?id=<%=pe.UserId%>&type=MO"> 
       <%=Me.GetLocalResourceObject("MOrders.Text")%> 
      </a></li> 
      <li><a href="<%=System.Configuration.ConfigurationManager.AppSettings("VirtualDirectory").ToString()%>User/UserPage.aspx?id=<%=pe.UserId%>"> 
       <%=Me.GetLocalResourceObject("UserPage.Text")%> 
      </a></li> 
     </ul> 

和頁面上的那些鏈接源看起來像這樣：

<ul> 
       <li><a href="/App/User/UserOrder.aspx?id=949abc91-a644-4a02-aebf-96da3ac7d8e1&type=NMO"> 
        User Orders NMO 
       </a></li> 
       <li><a href="/App/User/UserOrder.aspx?id=949abc91-a644-4a02-aebf-96da3ac7d8e1&type=MO"> 
        User Orders MO 
       </a></li> 
       <li><a href="/App/User/UserPage.aspx?id=949abc91-a644-4a02-aebf-96da3ac7d8e1"> 
        User Page 
       </a></li> 
</ul> 

而且隨着location.pathname的這些鏈接valuse將只有/App/User/UserOrder.aspx我需要檢查整個鏈接。這就是爲什麼我試圖使用location.href來代替。

location.href是例如：http://localhost/App/User/UserOrder.aspx?id=949abc91-a644-4a02-aebf-96da3ac7d8e1&type=MO 然後location.pathname是：/App/User/UserOrder.aspx

任何這裏幫助非常感謝！

Answer 1

顯然location.href包含文本（協議和主機名：「http：// localhost /」）不在鏈接中。

在做比較之前，您需要從location.href中刪除它，或者將它添加到鏈接中。

Answer 2

這只是location.href或window.location.href而不是document.location.href

試試這個

function markActiveLink() { 

      var path = location.pathname; 
      var home = "/", $this, href, locationHref = location.href.toLowerCase(); 

      if (path == home) 
       return; 

      $("ul li").removeClass('menu_item'); 

      $("ul a").each(function() { 
       $this = $(this); 
       href = $this.attr("href").toLowerCase(); 
       if(locationHref.substring(locationHref.length - href.length) == href) 
       { 
        $this.closest("li").addClass("menu_item_active"); 
        return false; 
       } 
      }); 
     } 

Answer 3

使用字符串連接到包括查詢：

var path = location.pathname + location.search;