Verwenden Sie Javascript, um den Code des Zielattributs des link_Experience-Austauschs zu steuern

In HTML 4.0 Strict und XHTML 1.0 STRICT darf das Zielattribut nicht im -Tag verwendet werden, was für Webdesigner ärgerlich ist. Es ist jedoch in den Übergangsspezifikationen zulässig kann dieses Problem lösen.

Das Zielattribut wurde aus der HTMl4.0-Spezifikation entfernt, aber es wurde ein weiteres Attribut hinzugefügt: rel. Die Beziehung zwischen ihnen definiert ihre Attributwerte (z. B. „nächstes“, „vorheriges“, „Kapitel“, „Abschnitt“). Die meisten dieser Attribute werden verwendet, um die Beziehung zwischen kleinen Teilen in einem großen Dokument zu definieren ermöglicht es Entwicklern, nicht standardmäßige Attributwerte für bestimmte Anwendungen frei zu verwenden.

Hier verwenden wir einen benutzerdefinierten externen Wert für das rel-Attribut, um einen Link zu markieren und ihn zum Öffnen eines neuen Fensters zu verwenden
Linkcode, der nicht den neuesten Webstandards entspricht:
externer Link
Verwenden Sie das rel-Attribut:
< ;a href="document.html" rel="external">externer Link>> Nachdem wir nun einen Link zu einem neuen Fenster erstellt haben, das den Webstandards entspricht, müssen wir auch verwenden JavaScript zum Implementieren des neuen Fensters. Das Ziel des Skripts besteht darin, alle Hyperlinks im Dokument zu finden, die wir beim Laden der Webseite als rel="external" definieren Bestimmen Sie den Browser.
if (! document.getElementsByTagName) return;
getElementsByTagName ist eine einfach zu verwendende Methode im DOM1-Standard und wird jetzt von den meisten Browsern unterstützt, da einige alte Browser wie Netscape 4 und IE4 unterstützen DOM1 nicht, daher müssen wir diese älteren Browserversionen ausschließen, indem wir feststellen, ob diese Methode vorhanden ist.

Als nächstes rufen wir alle -Tags im Dokument über die Methode getElementsByTagName ab:
var Anchors = document.getElementsByTagName( "a");
anchors wird ein Array zugewiesen, das jedes -Tag enthält und es ändert:
for (var i=0; i var Anchor = Anchors; „href“) && Anchor.getAttribute („rel“) == „external“)
Als nächstes erstellen Sie den Attributwert target und weisen den Wert „_target“ zu:
anchor.target = „_blank“; >Vollständiger Code:




Code kopieren


Der Code lautet wie folgt:

function externalLinks() { if (!document.getElementsByTagName)                                                                                                                                  var Anchor = Anker;                                   Anchor.getAttribute("href") && Anchor.getAttribute("rel") == "external")                                                                         load = externalLinks ;