Longer answer: Check http://html5.gingerhost.com/ In this case when you click "seattle" then
This is then used by JavaScript to populate the relevant Div with that information. There's no general rule on naming (it could be In particular the code in is : http://html5.gingerhost.com/
This is obtainable by inspecting the code source, however you may find yourself in a legal bind if you use their code for your own site. Bagaimana saya memiliki tindakan JavaScript yang mungkin memiliki beberapa efek pada halaman saat ini tetapi juga akan mengubah URL di browser sehingga jika pengguna mengklik memuat ulang atau bookmark, maka URL baru digunakan? Akan lebih baik jika tombol kembali memuat ulang URL asli. Saya mencoba merekam status JavaScript di URL. Jawaban: Dengan HTML 5, gunakan
dan href:
Jika Anda ingin mengubah URL tanpa menambahkan entri ke daftar tombol kembali, gunakan Jika Anda ingin bekerja di browser yang tidak mendukung
Ide dasarnya adalah mengatur Jika Anda menggunakan jQuery ada plugin hashchange yang akan menggunakan metode apa pun yang didukung browser. Saya yakin ada plugin untuk perpustakaan lain juga. Satu hal yang perlu diperhatikan adalah bertabrakan dengan id pada halaman, karena browser akan menggulir ke elemen apa pun dengan id yang cocok. window.location.href berisi URL saat ini. Anda dapat membacanya, Anda dapat menambahkannya, dan Anda dapat menggantinya, yang dapat menyebabkan pemuatan ulang halaman. Jika, seperti kedengarannya, Anda ingin merekam status javascript di URL sehingga dapat di-bookmark, tanpa memuat ulang halaman, tambahkan ke URL saat ini setelah # dan memiliki sepotong javascript yang dipicu oleh peristiwa onload mengurai arus saat ini URL untuk melihat apakah mengandung negara yang disimpan. Jika Anda menggunakan? alih-alih #, Anda akan memaksa memuat ulang halaman, tetapi karena Anda akan mem-parsing status yang disimpan saat dimuat, ini mungkin sebenarnya bukan masalah; dan ini akan membuat tombol maju dan mundur bekerja dengan benar juga. Saya akan sangat curiga ini tidak mungkin, karena itu akan menjadi masalah keamanan yang luar biasa. Misalnya, saya dapat membuat halaman yang terlihat seperti halaman login bank, dan membuat URL di bilah alamat terlihat seperti bank asli ! Mungkin jika Anda menjelaskan mengapa Anda ingin melakukan ini, orang-orang mungkin dapat menyarankan pendekatan alternatif ... [Sunting pada 2011: Sejak saya menulis jawaban ini pada 2008, lebih banyak info terungkap mengenai teknik HTML5 yang memungkinkan URL untuk dimodifikasi asalkan berasal dari sumber yang sama] Pengaturan keamanan browser mencegah orang mengubah url yang ditampilkan secara langsung. Anda bisa membayangkan kerentanan phishing yang akan menyebabkan. Hanya cara andal untuk mengubah url tanpa mengubah halaman adalah dengan menggunakan tautan internal atau hash. misalnya: http://site.com/page.html menjadi http://site.com/page.html#item1 . Teknik ini sering digunakan dalam hijax (AJAX + preserve history). Ketika melakukan ini, saya akan sering menggunakan tautan untuk tindakan dengan hash sebagai href, lalu menambahkan acara klik dengan jquery yang menggunakan hash yang diminta untuk menentukan dan mendelegasikan tindakan. Saya harap itu menempatkan Anda di jalan yang benar. jQuery memiliki plugin yang bagus untuk mengubah URL browser, yang disebut jQuery-pusher . JavaScript
Contoh:
Hanya menggunakan
JavaScript Contoh:
Metode pushState ():
Galeri foto Facebook melakukan ini menggunakan hash di URL. Berikut beberapa contoh URL: Sebelum mengklik 'berikutnya':
Setelah mengklik 'berikutnya':
Perhatikan hash-bang (#!) Segera diikuti oleh URL baru. Apa yang berfungsi untuk saya adalah -
Ini tidak akan memuat ulang halaman, Anda dapat memanfaatkannya dengan acara javascript Saya bertanya-tanya apakah itu akan mungkin selama jalur induk di halaman itu sama, hanya sesuatu yang baru ditambahkan ke sana. Jadi seperti katakanlah pengguna ada di halaman: Atau cukup izinkan orang itu mengubah parameter get, jadi mari kita Jadi halaman asli menjadi Masalah dengan # adalah bahwa data tidak di-cache (setidaknya saya tidak berpikir begitu) ketika hash diubah. Jadi itu seperti setiap kali halaman baru sedang dimuat, sedangkan tombol back-and forward di halaman non- Ajax dapat men-cache data dan tidak menghabiskan waktu untuk memuat ulang data. Dari apa yang saya lihat, hal sejarah Yahoo sudah memuat semua data sekaligus. Tampaknya tidak melakukan permintaan Ajax. Jadi ketika a kode saya adalah:
dan tindakan:
dan contoh
Itu saja :) Saya berikan jawaban yang lebih sederhana,
ini akan ditambahkan Saya sudah sukses dengan:
Itu hanya menambah
|