Δημιουργία ενός κουμπιού επιστροφής HTML

Είναι εύκολο να προσθέσετε ένα κουμπί πίσω στην ιστοσελίδα σας. Όταν ένας επισκέπτης της σελίδας σας κάνει κλικ στο κουμπί, θα μεταφερθεί στην τελευταία σελίδα που επισκέφθηκε, σαν να έκανε κλικ στο κουμπί "πίσω" στο πρόγραμμα περιήγησής του.

Μπορείτε να το επιτύχετε με την επεξεργασία της HTML της σελίδας σας και την προσθήκη λίγου JavaScript.

Σημείωση: Αυτά τα κουμπιά δεν θα λειτουργήσουν αν ο χρήστης δεν έχει ιστορικό περιήγησης. Για παράδειγμα, εάν ο χρήστης ανοίξει τη σελίδα σας σε μια νέα καρτέλα ή παράθυρο του προγράμματος περιήγησης, δεν θα συμβεί τίποτα όταν κάνετε κλικ στο κουμπί.

Χρήση του ιστορικού

Σε ένα πρόγραμμα περιήγησης ιστού, το ενσωματωμένο παράθυρο αντικειμένου JavaScript έχει ένα αντικείμενο που ονομάζεται ιστορικό που περιέχει τις διευθύνσεις URL που επισκέφθηκε ένας χρήστης στο τρέχον παράθυρο του προγράμματος περιήγησης. Μπορείτε να χρησιμοποιήσετε τη μέθοδο history.back () για να πείτε στο πρόγραμμα περιήγησης να επιστρέψει στην προηγούμενη σελίδα του χρήστη.

Ένας εύκολος τρόπος να χρησιμοποιήσετε αυτό το JavaScript είναι να το προσθέσετε στο χαρακτηριστικό συμβάντος onclick ενός κουμπιού. Εδώ, θα δημιουργήσουμε το κουμπί χρησιμοποιώντας a στοιχείο, που περιέχει ένα στοιχείο του τύπου κουμπιού .

Εισάγετε την ακόλουθη HTML στην ιστοσελίδα σας:

Το αποτέλεσμα θα μοιάζει με το παρακάτω κουμπί. Εάν κάνετε κλικ σε αυτό, θα επιστρέψετε στην προηγούμενη σελίδα στο ιστορικό σας.

Χρησιμοποιώντας το history.go

Η μέθοδος history.go () λέει στο πρόγραμμα περιήγησης να μεταβεί σε μια συγκεκριμένη σελίδα στο ιστορικό περιήγησης του χρήστη. Μπορείτε να καθορίσετε ποιο στοιχείο ιστορικού τοποθετείτε έναν αριθμό μέσα στις παρενθέσεις. Στον προγραμματισμό του υπολογιστή, αυτό ονομάζεται όρισμα.

Αν ορίσετε τον αριθμό -1 ως επιχείρησή σας, το πρόγραμμα περιήγησης θα επιστρέψει μία σελίδα πίσω στο ιστορικό του προγράμματος περιήγησης. Εδώ είναι ο ίδιος κώδικας όπως παραπάνω, χρησιμοποιώντας history.go (-1) αντί για history.back () .