metodi window.location.href e window.open () in JavaScript

271

Qual è la differenza tra window.location.hrefe window.open ()metodi in JavaScript?

— masif
fonte

2

Correlati: Come reindirizzare a un'altra pagina Web

— krubo

511

window.location.hrefnon è un metodo, è una proprietà che ti dirà la posizione corrente dell'URL del browser. La modifica del valore della proprietà reindirizzerà la pagina.

window.open()è un metodo a cui è possibile passare un URL a quello che si desidera aprire in una nuova finestra. Per esempio:

esempio window.location.href:

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

esempio window.open ():

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

Informazioni aggiuntive:

window.open()possono essere passati parametri aggiuntivi. Vedi: tutorial window.open

— James Hill
fonte

5

Lo standard probabilmente dice che window.location.hrefè una proprietà, non un metodo, ma Internet Explorer (almeno la versione 10) consente di considerare hrefanche un metodo. L'ho visto funzionare, solo in IE10, su una pagina che ho usato. Questo è probabilmente il motivo per cui il richiedente stava chiamando hrefun metodo. Vedi la domanda Incompatibilità IE con window.location.href . Ma sì, è meglio usare hrefcome proprietà, che funzionerà in qualsiasi browser, incluso IE .

— Rory O'Kane,

5

@ RoryO'Kane, questa domanda è stata posta nel 2011. Dubito che l'utente si riferisse a IE 10.

— James Hill,

9

Vero. Ma penso che sia probabile, anche se non certo, che le versioni precedenti di IE trattino window.location.hrefallo stesso modo. Dopotutto, le nuove versioni di iE stanno generalmente ottenendo più standard, non meno. Quindi, se IE10 continua a infrangere lo standard, probabilmente lo sono anche le versioni precedenti.

— Rory O'Kane,

32

window.open aprirà un nuovo browser con l'URL specificato.
window.location.href aprirà l'URL nella finestra in cui viene chiamato il codice.

Nota anche che window.open()è una funzione sull'oggetto finestra stesso mentre window.locationè un oggetto che espone una varietà di altri metodi e proprietà .

— Tom
fonte

14

window.open è un metodo; puoi aprire una nuova finestra e personalizzarla. window.location.href è solo una proprietà della finestra corrente.

— NGI
fonte

12

Esistono già risposte che descrivono la proprietà window.location.href e il metodo window.open () .

Andrò per uso oggettivo:

1. Per reindirizzare la pagina a un'altra

Usa window.location.href. Impostare la proprietà href sull'href di un'altra pagina.

2. Aprire il collegamento nella finestra nuova o specifica.

Usa window.open (). Passa i parametri secondo il tuo obiettivo.

3. Conoscere l'indirizzo corrente della pagina

Usa window.location.href. Ottieni il valore della proprietà window.location.href. È inoltre possibile ottenere protocollo specifico, nome host, hashstring dall'oggetto window.location.

Vedere Oggetto posizione per ulteriori informazioni.

— Somnath Muluk
fonte

9

window.open ()aprirà una nuova finestra, mentre window.location.hrefaprirà il nuovo URL nella finestra corrente.

— Joseph Silber
fonte

window.open () può anche aprire 'url' nella stessa finestra se '_self' viene passato come parametro aggiuntivo.

— user761100

1

Il window.openaprirà URL nel nuovo browser Tab

L' window.location.hrefURL si aprirà nella scheda corrente (invece è possibile utilizzare location)

Ecco un esempio di violino (nei frammenti SO window.open non funziona)

Mostra snippet di codice

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>

Espandi frammento

— Kamil Kiełczewski
fonte