Cara Menyembunyikan URL menggunakan JavaScript

1- Untuk memodifikasi URL saat ini dan menambahkan / menyuntikkannya (URL baru yang dimodifikasi) sebagai entri URL baru ke daftar riwayat, gunakan pushState:

window.history.pushState({}, document.title, "/" + "my-new-url.html");

2- Untuk mengganti URL saat ini tanpa menambahkannya ke entri riwayat, gunakan replaceState:

window.history.replaceState({}, document.title, "/" + "my-new-url.html");

3- Tergantung pada logika yang diinginkan, pushState akan berguna dalam kasus-kasus seperti:

  • ingin mendukung tombol kembali browser
  • ingin membuat URL baru, tambahkan/masukkan/Dorong URL baru ke entri riwayat, dan jadikan URL saat ini
  • memungkinkan pengguna untuk menandai halaman dengan parameter yang sama (untuk menampilkan konten yang sama)
  • untuk mengakses data secara terprogram melalui stateObj lalu mengurai dari anchor