La funzione indietro nel codice HTML

December 24

La funzione indietro nel codice HTML


Gli utenti di solito spostarsi indietro pagine Web visitate in precedenza attraverso i pulsanti di navigazione nel browser. Tuttavia, un programmatore può utilizzare JavaScript per simulare questa funzionalità. Utilizzando l'oggetto di "storia" all'interno di una funzione JavaScript, insieme a un pulsante di input HTML, è possibile creare un pulsante che consente di passare l'utente torna alla precedente pagina Web visitata, proprio come il pulsante "Indietro" del browser.

Ingresso pulsante HTML

Il tag "< input >" HTML consente di visualizzare un campo di input utente nel browser. Il tipo di input dipende dal tipo del tag input. I programmatori HTML possono inserire campi di input di testo, campi di input di password, caselle di controllo e i pulsanti cliccabili. In questo esempio, si crea un pulsante che l'utente può fare clic. Questo pulsante attiva la funzione JavaScript, che invia l'utente alla pagina visualizzata in precedenza "Vaiindietro".

< input type = valore "pulsante" = "Back" onClick="goBack()" / >

L'oggetto di storia

Al fine di ottenere informazioni dal browser di navigazione, utilizzare l'oggetto di "Storia". L'oggetto di storia ha alcune funzioni membro, come ad esempio la lunghezza dell'elenco della cronologia del browser e pagine Web precedentemente visitate. Sfruttare la storia funzione dell'oggetto "Go ()" quando si crea un pulsante di spostamento indietro con il tuo script. La funzione Go () accetta un valore integer come argomento e carica l'URL che è quella distanza dalla posizione corrente nella cronologia del browser / per tornare alla pagina Web precedente, la funzione Go () utilizza un valore di -1.

La funzione JavaScript

Al fine di rendere il codice più leggibile, è necessario inserire la funzione di Vaiindietro nell'intestazione del documento HTML. La funzione eseguirà il comando per passare il browser alla pagina precedente nella storia chiamando la funzione Go () dell'oggetto di storia. Il codice riportato di seguito viene illustrata la funzione Vaiindietro.

< head >

< script type = "text/javascript" >

function vaiIndietro () {

History.Go(-1);

}

< / head >

Il codice tutti insieme

Il codice seguente illustra il documento HTML che contiene tutti gli elementi del codice come devono essere visualizzati. Il JavaScript risiede nell'intestazione, mentre l'ingresso pulsante sarà in un campo di "forma".

< html >

< head >

< script type = "text/javascript" >

function vaiIndietro () {

History.Go(-1);

}

< / head >

< corpo >

< nome modulo = "goback" >

< input type = valore "pulsante" = "Back" onClick="goBack()" / >

< / form >

< / body >

< / html >


Articoli Correlati