Javascript .pathname IE Eigenart?

Question

Betrachten Sie das folgende Javascript:

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

Wenn ich dies auf einer Seite ausführen, die Links im Format „http://foo.com/bar“, in IE8 enthält erhalte ich eine Zeichenfolge zurück, die wie „bar“ aussieht. In Safari, Chrome, Firefox, bekomme ich etwas wie "/ bar" (beachten Sie den führenden Schrägstrich).

Ist IE Schuld hier, was ist das Geschäft?

Answer 1

Die W3C standard on the window object - einschließlich der Standortschnittstelle - ist vom 07. April 2006 datiert, dh sie wurde spezifiziert, nachdem die tatsächlichen Implementierungen schon seit Jahren bestanden.

Der Standard lautet:

Pfadname

Dieses Attribut den Pfad Bestandteil der URI Standort darstellt, die von allem nach dem Host und Port bis zu und ohne die erste Frage besteht Zeichen (?) oder ein Rautenzeichen (#).

Das bedeutet, dass der führende Schrägstrich enthalten sein sollte, der mit Mozilla's implementation übereinstimmt. Die MSDN doc on the location object erwähnt nicht, was die Eigenschaft enthält, aber ein page on the VBScript location object hat ein Beispiel, das mit Ihrer Entdeckung übereinstimmt.

Wie gesagt, die Seite ist 1996 - zehn Jahre bevor das W3C involviert war - es ist kaum fair zu sagen, dass IE die Schuld trägt, aber ich würde es immer noch als Fehler ansehen.

Answer 2

Die seltsame Sache über dieses Verhalten ist, dass window.location.Pathname den führenden Schrägstrich (nach dem Hostnamen) in allen Versionen von IE zurückgibt, wie alle anderen Browser.

Es ist nur das Standortobjekt eines Hyperlinks ('ein Element'), das den Pfad ohne Schrägstrich in IE (und Opera) zurückgibt.

Answer 3

Verwenden Sie getAttribute, wenn Sie nach einem einfachen Weg suchen, dies zu überwinden.

See: Spec, MDN

Beispiel

HTML:

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

JS:

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

Dies wird die führende Schrägstrich als auch zurückgeben ("/ foo "). Und es wird von allen Browsern unterstützt, die DOM-Level-2 korrekt implementiert haben.