Javascript .pathname IE quirk？

Question

考慮下面的JavaScript：

var anchors = document.getElementsByTagName('a'); 
for(var i=0; i < anchors.length; i++) 
{ 
    alert(a.pathname); 
} 

當我包含格式爲「http://foo.com/bar」鏈接的頁面上運行此，在IE8我得到一個字符串，它看起來像「酒吧」。在Safari，Chrome，Firefox中，我找回「/ bar」之類的東西（注意前面的斜槓）。

是IE這裏有毛病，這是怎麼回事？

Answer 1

的W3C standard on the window object - 包括位置接口 - 在2006年4月07，也就是說，它實際後實施已經很多年了規定。

標準如下：

路徑

這個屬性代表它由主機和端口最多，但不包括第一個問號（後一切的位置的URI的路徑組成部分？ ）或哈希標記（＃）。

這意味着應該包含前導斜槓，這與Mozilla's implementation一致。

該MSDN doc on the location object沒有提及該屬性包含的內容，但page on the VBScript location object有一個與您的發現一致的示例。

正如所說頁面©1996 - 十年W3C參與進來之前 - 這是不公平的說，IE是錯的，但我仍然認爲這是一個錯誤。

Answer 2

這種行爲的奇怪之處在於，window.location.pathname返回所有版本IE中的前導斜槓（在主機名後），與所有其他瀏覽器相同。

只有如果沒有在IE中斜線返回路徑（和Opera以及）的超鏈接（「一個元件」）的位置的對象。

Answer 3

使用的getAttribute如果傻冒尋找一種簡單的方法來克服這一點。

見：Spec，MDN

例

HTML：

<a href="/foo" id="foo"> 

JS：

document.getElementById("foo").getAttribute("href"); 

這將返回斜線以及（「/富「）。 而且它支持在具有DOM-Level-2的正確實現所有的瀏覽器。