Come far tornare il browser alla pagina precedente usando JavaScript?

Come far tornare il browser alla pagina precedente usando JavaScript?
Far tornare un browser alla pagina precedente con l'aiuto di JavaScript è abbastanza facile. Per fare ciò, accedi semplicemente al finestra Oggetto della finestra del browser e il suo storia proprietà. Dopodiché, usa semplicemente il file Indietro() Metodo sulla cronologia per spostare il browser nella voce precedente all'interno del suo elenco di cronologia.

Nota aggiuntiva: Riferendosi alla pagina precedente con a Il tag di riferimento non è una buona soluzione. La maggior parte dei nuovi principianti spesso cerca di usare il Tag di riferimento per passare alla pagina precedente e nella cronologia del browser, si registra come andare avanti. Quindi questa non è una soluzione ottimale perché il browser non sta tornando indietro. Piuttosto, sta effettivamente andando avanti.

Il metodo sotto i riflettori

Il seguente metodo viene utilizzato per spostare indietro il browser:

finestra.storia.Indietro()

Questo metodo non prende né parametri né restituisce nulla. Sposta semplicemente il browser un passo indietro nella sua storia. Esaminiamo un esempio per dimostrare il suo funzionamento

Passaggio 1: impostare a casa.html

Crea un documento HTML con il nome casa, E questa è la prima pagina che verrà utilizzata per passare a una seconda pagina. Per creare questo documento HTML Home, utilizzare le seguenti righe:


Questa è la prima pagina!
Fai clic per visitare la seconda pagina

In questo documento HTML, un Il tag viene utilizzato per spostare il browser "in avanti" nella seconda pagina. A questo punto, il browser mostra la seguente uscita:

La pagina web mostra il collegamento per passare alla seconda pagina, ma attualmente manca quella seconda pagina, quindi crea quello nel passaggio successivo.

Passaggio 2: imposta SecondPage.html

Crea un altro documento HTML e chiamalo SecondPage.html. In questo file, aggiungi le seguenti righe:


Questa è la seconda pagina


Fai clic sul pulsante in basso su "Back" nella pagina precedente







In questo documento HTML, abbiamo creato un pulsante con una proprietà OnClick impostata su tasto indietro(). Questo creerà la seguente pagina Web sul browser:

Manca la funzionalità del pulsante per riprendere il browser al momento della pressione. Per questo, aggiungi il seguente tag di script all'interno della Second Page.html:

In questo tag script, la funzione tasto indietro() viene creato che verrà chiamato sul pulsante Premere. In questa funzione, il Indietro() Il metodo è stato applicato alla proprietà "storia" Usando il browser finestra oggetto.

Dopo questo, carica la casa.HTML in un browser e osservare la funzionalità come segue:

Ci sono alcune cose da notare:

  • Inizialmente, sia il pulsante in avanti che quello anteriore del browser sono stati disabilitati a causa di nessuna storia
  • Facendo clic sul collegamento porta l'utente alla seconda pagina
  • Quando si trova nella seconda pagina, il pulsante Indietro viene attivato
  • Facendo clic sul pulsante sulla seconda pagina Riporta l'utente nella home page.
  • Tuttavia, il pulsante Indietro è disabilitato nella home page e il pulsante in avanti è ora abilitato
  • Ciò significa che il browser non è stato reindirizzato alla home page. Piuttosto, è stato spostato Indietro dalla storia

Incartare

Nella parte JavaScript del documento della pagina Web, usa semplicemente il finestra.storia.Indietro() Per far tornare i browser alla pagina precedente che aveva visitato. IL "finestra" è l'oggetto della finestra del browser, il "storia" è una proprietà del finestra oggetto, e Indietro() è il metodo che viene applicato alla storia per spostare il browser. Questo articolo ha utilizzato un esempio passo-passo per dimostrare il funzionamento della finestra.storia.Metodo back ().