Differenza tra la finestra.posizione.href e finestra.posizione.Sostituisci in JavaScript | Spiegato

Entrambi questi attributi appartengono all'oggetto della finestra del browser. Per essere precisi, appartengono a un oggetto interiore noto come il posizione oggetto, e il suo unico compito è conoscere la posizione corrente del documento. Cambiando questi posizione I valori degli oggetti in genere significano cambiare il documento. Perché questo oggetto definisce l'URL e qualsiasi cambiamento nell'URL significa cambiare il documento per un altro. Ora il Href proprietà e il sostituire() la funzione fa esattamente lo stesso lavoro ma in modo diverso.

Rompiamo la confusione. Entrambe queste proprietà vengono utilizzate per andare a un nuovo documento o a una nuova pagina Web. Comunque, il "Href " La proprietà lo fa aggiungendo una nuova voce all'interno dell'elemento cronologia e "sostituire" la proprietà fa da Sostituzione la voce più alta nell'elemento cronologia con l'URL più recente.

La finestra.posizione.Proprietà Href

Prima di tutto, impostare una nuova homepage con la seguente riga al suo interno:

Questa è la prima pagina

Vai alla seconda pagina

In questo frammento di codice sopra, è stato creato un pulsante che verrà utilizzato per andare alla seconda pagina utilizzando la funzione Buttonclicked () All'interno del file di script.

L'esecuzione di questo documento HTML fornisce la pagina seguente sul browser:

Dopodiché, nel file di script o nel tag, usa le seguenti righe di codice:

Questo script trasferirà il browser al “SecondPage.HTML ". Tuttavia, secondapage.HTML non esiste ancora. Quindi, crea la seconda pagina.HTML con le seguenti righe al suo interno:

Questa è la seconda pagina

Nota: questa seconda pagina.HTML deve essere creato nella stessa directory della casa.HTML o la prima pagina.

Dopodiché eseguire il file HTML principale e fare clic sul pulsante produrrà i seguenti risultati:

È chiaro dall'output che premendo il pulsante reindirizzerà il browser alla seconda pagina, quindi premendo il pulsante Indietro sulla finestra del browser riporterà il browser nella home page. Questo è il funzionamento della finestra.posizione.Proprietà Href.

La finestra.posizione.sostituire()

Proprio come nell'esempio della proprietà HREF, inizia creando un nuovo file HTML chiamato Home.HTML e aggiungi le seguenti righe al suo interno:

Questa è la prima pagina

Vai alla seconda pagina usando Sostituisci

Successivamente, aggiungi le seguenti righe nel tag script o nel file di script:

Nel frammento del codice, nota che, a differenza della proprietà HREF, la sostituzione è in realtà una funzione che porta la nuova posizione all'interno dei suoi argomenti.

Successivamente, crea la seconda pagina.HTML Aggiungi le seguenti righe al suo interno:

Questa è la seconda pagina

Ma il browser non può tornare indietro

Perché ha usato la proprietà Sostituisci

Dopodiché, correndo questa casa.HTML mostrerà il seguente comportamento del browser:

È chiaro dalla gif sopra che la funzione di sostituzione sostituisce la voce più in alto nella cronologia del browser, quindi il pulsante di schiena del browser è grigio.

Conclusione

La proprietà HREF e la funzione sostitutiva () sono entrambi parte dell'oggetto di posizione della finestra. L'oggetto principale di entrambi è spostare il browser in una nuova pagina web definita dall'URL. La proprietà HREF aggiunge un elemento nella storia del browser. Considerando che la funzione Sostituisci () sostituisce la voce più in alto con la nuova posizione, facendo sì che i browser non siano in grado di tornare alla pagina precedente.