JQuery Öffnen Sie alle Hyperlinks im neuen Fenster

Verwenden Sie JQuery, um den Hyperlink -Stil anzupassen und den Hyperlink in einem neuen Fenster zu öffnen

Folgende JavaScript -Code -Snippets, mit denen JQuery zum Anpassen von Hyperlink -CSS -Stilen verwendet wird, um es abzuheben, und Tipps für die Verwendung von JQuery zum Öffnen von Hyperlinks in einem neuen Fenster.

Öffnen Sie den Hyperlink im neuen Fenster

// 使用jQuery在新窗口中打开所有超链接
$('a[href^="http://"]').attr("target", "_blank");
$(this).attr('href', newHref).attr("target", "_blank");

Sie können den Hyperlinks Bilder oder Text durch einfache Verkettungsvorgänge hinzufügen. Dieses Beispiel fügt am Ende des Link -Textes [^] hinzu.

externer Hyperlink für benutzerdefinierten Stil

// 使用jQuery在新窗口中打开所有超链接
// 并为每个外部链接（包含“http://”）附加一个“^”
$('a[href^="http://"]').attr({
    target: "_blank",
    title: "在新窗口中打开"
}).append(' [^]');

Fügen Sie als nächstes einen jQuery -Code hinzu:

$(document).ready(function() {
    $("a[@rel='external']").addClass("external")
       .click(function() { window.open($(this).href); return false; });
});

Dieser Code sucht nach allen Anker -Tags mit rel="external" Attributen und öffnet sie in einem neuen Fenster, wenn Sie klicken. "return false;" verhindert, dass die aktuelle Seite auch zur URL wechselt. Darüber hinaus erhalten diese Links die CSS -Klasse "extern", sodass sie zum Beispiel:

gestylt werden kann:

Hintergrundbild zum externen Hyperlink

// 更改外部超链接的背景图像
a.external {
  padding-left: 15px;
  background: url(external-link.png) top left no-repeat;
}

hinzufügen

JQuery und Hyperlink FAQs (FAQs)

Wie kann ich JQuery verwenden, um einen Hyperlink in einem neuen Fenster zu öffnen?

window.open() Um JQuery zu verwenden, um einen Hyperlink in einem neuen Fenster zu öffnen, können Sie die Methode

verwenden. Diese Methode erstellt ein neues Fenster und lädt das von der angegebene URL angegebene Dokument. Hier ist ein einfaches Beispiel:

$("a").click(function(event) {
  event.preventDefault();
  window.open(this.href, "_blank");
});

click() Dieser Code wählt alle Hyperlinks auf der Seite aus. Die event.preventDefault() -Methode erhöht die Ereignishandlerfunktion an diese Hyperlinks. Wenn Sie auf den Hyperlink klicken, wird die Funktion ausgeführt. Die Methode window.open(this.href, "_blank") blockiert den Standardvorgang des Ereignisses (d. H. Öffnet einen Hyperlink im selben Fenster). Schließlich öffnet

den Hyperlink in einem neuen Fenster.

Kann ich die URL auf einer neuen Registerkarte anstelle eines neuen Fensters mit JQuery öffnen?

window.open() Ja, Sie können JQuery verwenden, um die URL auf einer neuen Registerkarte anstelle eines neuen Fensters zu öffnen. Die _blank -Methode kann für diesen Zweck verwendet werden. Der zweite Parameter dieser Methode gibt den Zielort an, an dem die URL geöffnet werden soll. Wenn Sie diesen Parameter auf "

" festlegen, wird die URL auf der neuen Registerkartenseite geöffnet. Hier ist ein Beispiel:

$("a").click(function(event) {
  event.preventDefault();
  window.open(this.href, "_blank");
});

Dieser Code ist der gleiche wie im vorherigen Beispiel und öffnen Sie einen Link in einer neuen Registerkarte.

(Die nachfolgenden FAQ -Fragen werden im Grunde genommen mit den Antworten auf die erste Frage wiederholt, aber die URL und die Parameter haben sich geändert. Um Redundanz zu vermeiden, werden die Antworten auf die anderen FAQs hier weggelassen.) window.open(url, "_blank", "options") Der Kern aller FAQs besteht darin, die

-Methode zu erreichen, um die URL- und Optionen zu ändern.

Das obige ist der detaillierte Inhalt vonJQuery Öffnen Sie alle Hyperlinks im neuen Fenster. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!