491 Stimmen

JavaScript: location.href zum Öffnen in neuem Fenster/Tab?

Ich habe eine JavaScript-Datei von einem Drittentwickler. Sie enthält einen Has-Link, der die aktuelle Seite durch die Zielseite ersetzt. Ich möchte, dass diese Seite in einer neuen Registerkarte geöffnet wird.

Dies ist mein bisheriger Stand:

if (command == 'lightbox') {
 location.href="https://support.wwf.org.uk/earth_hour/index.php?type=individual";
}

Kann mir jemand weiterhelfen?

1229voto

alex Punkte 457905
window.open(
  'https://support.wwf.org.uk/earth_hour/index.php?type=individual',
  '_blank' // <- This is what makes it open in a new window.
);

47voto

Kamil Kiełczewski Punkte 69048

Reine js-Alternative zu window.open

let a= document.createElement('a');
a.target= '_blank';
a.href= 'https://support.wwf.org.uk/';
a.click();

hier funktioniert Beispiel (Stackoverflow-Snippets lassen sich nicht öffnen)

39voto

andrew field Punkte 387

Wenn Sie Folgendes verwenden möchten location.href um Popup-Probleme zu vermeiden, können Sie ein leeres <a> ref und verwenden Sie dann Javascript, um sie anzuklicken.

etwas wie in HTML

<a id="anchorID" href="mynewurl" target="_blank"></a>

Dann javascript klicken Sie es wie folgt

document.getElementById("anchorID").click();

13voto

user616639 Punkte 215

Sie können es in einem neuen Fenster öffnen mit window.open('https://support.wwf.org.uk/earth_hour/index.php?type=individual'); . Wenn Sie die Seite in einer neuen Registerkarte öffnen möchten, öffnen Sie die aktuelle Seite in zwei Registerkarten und lassen Sie dann das Skript laufen, damit sowohl die aktuelle Seite als auch die neue Seite angezeigt werden.

6voto

user3644678 Punkte 31

Die Verwendung von location.href ersetzt die aktuelle URL durch die neue URL, d.h. https://support.wwf.org.uk/earth_hour/index.php?type=individual auf der gleichen Webseite.

Um eine neue Registerkarte zu öffnen, können Sie wie unten beschrieben vorgehen: if (command == 'lightbox') { window.open("https://support.wwf.org.uk/earth\_hour/index.php?type=individual", '_blank'); }

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X