Bagaimanakah Anda Boleh Mengekalkan Pembolehubah JavaScript Merentasi Navigasi Halaman?

Memelihara Pembolehubah JavaScript Di Luar Navigasi Halaman

Bayangkan anda sedang mengusahakan aplikasi web di mana anda perlu menyimpan data yang berterusan merentas halaman yang berbeza . Dalam JavaScript, pembolehubah diskop ke halaman semasa dan ditetapkan semula semasa navigasi. Ini menimbulkan cabaran apabila anda ingin mengekalkan nilai tertentu merentas berbilang halaman.

Satu teknik untuk mengatasinya ialah dengan menggunakan sifat window.name. Sifat window.name ialah pembolehubah global yang menyimpan nama tetingkap atau tab semasa. Dengan menetapkan sifat window.name kepada nilai yang dikehendaki, anda boleh mengaksesnya daripada mana-mana halaman yang dibuka dalam tetingkap yang sama.

Contoh:

Pertimbangkan senario yang diterangkan dalam soalan asal:

1. Di Halaman A, anda menetapkan window.someVar = 5.
2. Anda menavigasi ke Halaman B melalui hiperpautan.
3. Pada Halaman B , anda boleh mengakses nilai window.someVar dengan memanggil window.someVar.

Batasan:

Semasa menggunakan window.name untuk mengekalkan pembolehubah JavaScript adalah berkesan , adalah penting untuk ambil perhatian bahawa ia hanya berfungsi dalam tetingkap atau tab yang sama. Jika anda membuka tetingkap atau tab baharu, sifat window.name akan ditetapkan semula.

Pendekatan Alternatif:

Terdapat pendekatan lain untuk mengekalkan pembolehubah JavaScript melangkaui navigasi halaman , seperti:

• Storan Tempatan: Storan setempat ialah API asli penyemak imbas yang membolehkan anda menyimpan data yang berterusan merentas sesi.
• Kuki: Kuki ialah fail teks kecil yang disimpan pada peranti pengguna dan boleh digunakan untuk menyimpan data khusus penyemak imbas.
• IndexedDB: IndexedDB ialah API pangkalan data web yang menyediakan pangkalan data yang berterusan dan tanpa skema untuk aplikasi pihak pelanggan.

Atas ialah kandungan terperinci Bagaimanakah Anda Boleh Mengekalkan Pembolehubah JavaScript Merentasi Navigasi Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!