Bagaimana untuk Meluluskan Pembolehubah antara Halaman dalam JavaScript menggunakan Storan Tempatan?

Melalui Pembolehubah melalui JavaScript dari Halaman ke Halaman

Matlamat anda adalah untuk menghantar nilai pembolehubah dari "halaman 1" kepada "halaman 2, " dan paparkannya menggunakan window.onload. Walau bagaimanapun, pendekatan pembolehubah global yang anda gunakan nampaknya menyebabkan masalah.

Storan Tempatan: Pendekatan Berbeza

Daripada bergantung pada pembolehubah global, pertimbangkan untuk menggunakan API localStorage. Pendekatan ini membolehkan anda menyimpan data secara setempat dalam penyemak imbas, bebas daripada halaman individu. Berikut ialah penyelesaian yang disemak menggunakan localStorage:

page1.html

<code class="html"><script>
  window.onload = function() {
    var getInput = prompt("Enter your value:");
    localStorage.setItem("myValue", getInput);
  };
</script>

...

<input type="submit" value="Go To Page 2" onclick="location.href='page2.html'"></code>

page2.html

<code class="html"><script>
  window.onload = function() {
    var getValue = localStorage.getItem("myValue");
    alert("Value from page 1: " + getValue);
  };
</script></code>

Ini pendekatan mengelakkan isu pembolehubah global yang anda hadapi dan membolehkan anda menghantar nilai pembolehubah secara berkesan antara dua halaman.

Atas ialah kandungan terperinci Bagaimana untuk Meluluskan Pembolehubah antara Halaman dalam JavaScript menggunakan Storan Tempatan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!