Penjelasan terperinci tentang html5 pushstate, riwayat operasi popstate, penyegaran sikat mengubah URL saat ini

Window.History mewakili catatan historis objek jendela, yang secara aktif dihasilkan oleh pengguna dan menerima objek global yang dikendalikan oleh skrip JavaScript. Objek jendela menyediakan akses ke catatan sejarah pembicara melalui objek sejarah. Ini memperlihatkan beberapa metode dan atribut yang sangat berguna, memungkinkan Anda untuk bergerak maju dan mundur secara bebas dalam catatan sejarah.

Mundur dalam catatan sejarah, Anda dapat melakukan ini:

 window.history.back ();

Ini seperti pengguna klik tombol kembali browser.

Demikian pula, Anda dapat maju, seperti mengklik tombol maju di browser, seperti ini:

 window.history.forward ();

Dengan menentukan nilai dibandingkan dengan posisi halaman saat ini, Anda dapat menggunakan metode go () untuk memuat halaman dari catatan historis sesi saat ini (nilai indeks posisi halaman saat ini adalah 0, halaman sebelumnya adalah -1, dan Halaman berikutnya adalah 1).

Untuk mundur satu halaman (setara dengan panggilan ()) :):

 Window.history.go (-1);

Pindahkan satu halaman ke depan (setara dengan call forward ()):

 Window.history.go (1);

Serupa, lulus parameter 2, Anda dapat bergerak maju 2 poin rekaman. Anda dapat melihat nilai atribut panjang, dan berapa banyak titik rekaman yang ada di tumpukan catatan sejarah:

 window.history.length;

API baru HTML5 telah memperpanjang jendela. Sejarah, membuat titik rekaman historis lebih terbuka. Anda dapat menyimpan catatan sejarah saat ini, mengganti catatan sejarah saat ini, dan memantau poin catatan sejarah.

Metode tersimpan mirip dengan array tumpukan (array.push ()), dan titik catatan historis baru ditambahkan ke jendela. Sejarah, seperti ::

 // URL saat ini adalah: http://qianduanblog.com/index.htmlvar json = {Time: new Date (). Browser tidak memeriksa apakah ada URL, tetapi hanya mengubah URL.

Setelah metode PushState dieksekusi, alamat URL halaman adalah http://qianduanblog.com/post -html.

Window.history.replacestate mirip dengan window.history.pushstate. ditambahkan ke titik rekaman. Ketika Anda perlu memperbarui objek status atau URL dari entri catatan historis saat ini sebagai respons terhadap operasi tertentu dari pengguna, menggunakan metode penggantian () sangat tepat.

Titik catatan sejarah pemantauan, intuitif dapat dianggap sebagai perubahan URL, tetapi akan mengabaikan bagian hash dari URL, mendengarkan bagian hash dari URL, HTML5 memiliki API baru sebagai Onhashchange. Metode ini dan silang -browser di blog saya juga dikatakan untuk metode ini dan Crossbrowler. Anda dapat mendengarkan perubahan URL melalui window.onpopstate, dan Anda bisa mendapatkan objek status yang disimpan pada titik catatan historis, yang merupakan objek JSON yang disebutkan di atas, seperti:

 // URL saat ini adalah: http://qianduanblog.com/post -htmlwindow.onpopState = function () {// Dapatkan objek JSON yang disimpan di titik rekaman historis var json = window.history.state; Kembali ke: http://qianduanblog.com/index.html // JSON yang diperoleh adalah null // lagi.

Perlu dicatat bahwa: Skrip JavaScript mengeksekusi window.history.pushstate dan window.history.replacestate tidak memicu acara OnpopState.

Penting juga untuk dicatat bahwa reaksi Browser Google dan Browser Firefox pada halaman untuk pertama kalinya berbeda.

Di atas adalah penjelasan terperinci tentang operasi PushState dan popstate dari HTML5. waktu. Terima kasih banyak atas dukungan Anda untuk situs web VEVB Wulin!