Wie kann ich URLs mithilfe von JavaScript in neuen Tabs statt in Popup-Fenstern öffnen?

Öffnen von URLs in neuen Tabs ohne Popup-Fenster

Beim Versuch, eine URL in einem neuen Tab zu öffnen, stoßen viele Entwickler auf das Problem dass der Browser stattdessen ein Popup-Fenster öffnet. Trotz der Verwendung von Codefragmenten wie window.open(url, '_blank'); und window.open(url); wird das gewünschte Verhalten nicht erreicht.

Lösung

Um dieses Problem zu lösen, kann eine clevere Technik eingesetzt werden:

function openInNewTab(url) {
  window.open(url, '_blank').focus();
}

// Or just
window.open(url, '_blank').focus();

Dieser Code fokussiert den neu geöffneten Tab und stellt sicher, dass der Browser die URL in einem Tab und nicht in einem Fenster öffnet.

Um diese Lösung zu nutzen Tatsächlich wird empfohlen, es direkt im Onclick-Handler für den Link zu implementieren. Dies verhindert Popup-Blocker und das Standardverhalten „Neues Fenster“.

<div onclick="openInNewTab('www.test.com');">Something To Click On</div>

Referenz

Weitere Einzelheiten finden Sie in der Ressource: „Öffnen Sie eine URL in einem neuen Tab mit JavaScript.

Das obige ist der detaillierte Inhalt vonWie kann ich URLs mithilfe von JavaScript in neuen Tabs statt in Popup-Fenstern öffnen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!