wake-up-neo.com

Window.location.href- und Window.open () -Methoden in JavaScript

Was ist der Unterschied zwischen window.location.href- und window.open ()-Methoden in JavaScript?

javascriptlocationwindowhrefwindow-object
229
masif

window.location.href ist nicht eine Methode, es ist eine Eigenschaft, die den aktuellen URL-Speicherort des Browsers angibt. Wenn Sie den Wert der Eigenschaft ändern, wird die Seite umgeleitet.

window.open() ist eine Methode, an die Sie eine URL übergeben können, die Sie in einem neuen Fenster öffnen möchten. Zum Beispiel:

window.location.href Beispiel:

window.location.href = 'http://www.google.com'; //Will take you to Google.

window.open () Beispiel:

window.open('http://www.google.com'); //This will open Google in a new window.

Zusätzliche Information:

window.open() können zusätzliche Parameter übergeben werden. Siehe: window.open Tutorial

438
James Hill

  • window.open öffnet einen neuen Browser mit der angegebenen URL.

  • window.location.href öffnet die URL in dem Fenster, in dem der Code aufgerufen wird. 

Beachten Sie auch, dass window.open() eine Funktion auf dem Fensterobjekt selbst ist, während window.location ein Objekt ist, das eine Vielzahl von anderen Methoden und Eigenschaften verfügbar macht . 

29
Tom

window.open ist eine Methode; Sie können ein neues Fenster öffnen und es anpassen. 

13
ngi

Es gibt bereits Antworten, die über window.location.href property und window.open () method beschreiben.

Ich werde von Objective Gebrauch machen:

1. Um die Seite an eine andere weiterzuleiten

Verwenden Sie window.location.href. Setzen Sie die Eigenschaft href auf die href einer anderen Seite.

2. Link in dem neuen oder spezifischen Fenster öffnen.

Verwenden Sie window.open (). Übergeben Sie die Parameter gemäß Ihrem Ziel.

3. Aktuelle Adresse der Seite kennen

Verwenden Sie window.location.href. Rufen Sie den Wert der window.location.href -Eigenschaft ab. Sie können auch ein bestimmtes Protokoll, einen Hostnamen und einen Hash-String vom window.location-Objekt abrufen. 

Siehe Location Object für weitere Informationen. 

10
Somnath Muluk

window.open () öffnet ein neues Fenster, während window.location.href die neue URL in Ihrem aktuellen Fenster öffnet.

8
Joseph Silber

Der window.open öffnet die URL in einem neuen Browser-Tab

Der window.location.href öffnet die URL im aktuellen Tab (stattdessen können Sie location verwenden)

Hier ist Beispiel Geige (in SO Schnipsel window.open funktioniert nicht)

var url = 'https://example.com';

function go1() { window.open(url) }

function go2() { window.location.href = url }

function go3() { location = url }
<div>Go by:</div>
<button onclick="go1()">window.open</button>
<button onclick="go2()">window.location.href</button>
<button onclick="go3()">location</button>
0
Kamil Kiełczewski