Προτεινόμενα μαθήματα:

DOM Είδη HashChangeEvent

Συμβάν onhashchange

Ορισμός και χρήση

Όταν το τμήμα του αγκίστρου της τρέχουσας URL (με τον χαρακτήρα '#' στο başlangıcı) αλλάζει, προκαλείται το συμβάν onhashchange.

Ένα παράδειγμα για το τι είναι το τμήμα του αγκίστρου: Ας υποθέσουμε ότι η τρέχουσα URL είναι http://www.example.com/test.htm#part2 - Το τμήμα του αγκίστρου αυτής της URL θα είναι #part2.

  • Για να προκαλέσετε το συμβάν, μπορείτε: Location Ουσίατου location.hash ή Η ιδιότητα location.hrefγια να αλλάξετε το τμήμα του αγκίστρου
  • Χρησιμοποιήστε διαφορετικά σημεία αγκίστρου για να navigate στην τρέχουσα σελίδα (χρησιμοποιώντας το κουμπί "Πίσω" ή "Προχωρήστε")
  • Κάντε κλικ στο σύνδεσμο που οδηγεί στο σημείο του αγκίστρου του βιβλίου

Παράδειγμα

Παράδειγμα 1

Εκτέλεση JavaScript μετά την αλλαγή του τμήματος του αγκίστρου

<body onhashchange="myFunction()">

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Πώς να αναθέσετε το συμβάν "onhashchange" στο αντικείμενο window:

window.onhashchange = myFunction;

Δοκιμάστε το προσωπικά

Γραμματική

Στο HTML:

<element onhashchange="myScript">

Δοκιμάστε το προσωπικά

Στο JavaScript:

object.onhashchange = function(){myScript};

Δοκιμάστε το προσωπικά

Στο JavaScript, χρησιμοποιήστε τη μέθοδο addEventListener():

object.addEventListener("hashchange", myScript);

Δοκιμάστε το προσωπικά

Σημειώσεις:Το Internet Explorer 8 ή παλιότερες εκδόσεις δεν υποστηρίζουν Μέθοδος addEventListener().

Τεχνικά λεπτομέρειες

Παράπλουση: Υποστηριζόμενο
Κανιελικό: Μη υποστηριζόμενο
Τύπος συμβάντος: HashChangeEvent
Υποστηριζόμενες ετικέτες HTML: <body>
Έκδοση DOM: Συμβάντα Niveau 3

Υποστήριξη προγράμματος περιήγησης

Τα αριθμητικά στοιχεία του πίνακα σημειώνουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το συμβάν.

Συμβάν Chrome IE Firefox Safari Opera
onhashchange 5.0 8.0 3.6 5.0 10.6
DOM Είδη HashChangeEvent