Bagaimana untuk Meluluskan Pembolehubah Antara Halaman HTML dalam JavaScript dengan Had Skop?

Melalui Pembolehubah dalam JavaScript Antara Halaman HTML

Anda menghadapi masalah apabila cuba menghantar pembolehubah dari satu halaman HTML (halaman 1) ke satu lagi (halaman 2) menggunakan JavaScript. Walaupun usaha anda untuk mengisytiharkan pembolehubah global, nilainya kekal tidak ditentukan pada halaman 2. Artikel ini bertujuan untuk menyediakan penyelesaian kepada masalah ini dengan meneroka batasan pembolehubah JavaScript dan menawarkan pendekatan alternatif.

Pemahaman Skop Pembolehubah JavaScript

Pembolehubah JavaScript mempunyai skop khusus, yang menentukan bahagian kod yang boleh diakses. Kod yang anda berikan mengisytiharkan harga berubah di luar mana-mana fungsi, cuba menjadikannya global. Walau bagaimanapun, JavaScript hanya mengiktiraf pembolehubah yang diisytiharkan secara global dengan kata kunci var dalam teg skrip pada permulaan dokumen HTML.

Menggunakan LocalStorage untuk Komunikasi Merentas Halaman

Sebaliknya bergantung pada pembolehubah global, pendekatan yang lebih mantap untuk komunikasi merentas halaman ialah menggunakan LocalStorage. LocalStorage membolehkan anda menyimpan pasangan nilai kunci yang berterusan walaupun apabila halaman dimuat semula atau penyemak imbas ditutup.

Kod Halaman 1:

<code class="html"><script type="text/javascript">
window.onload = function() {
   var getInput = prompt("Hey type something here: ");
   localStorage.setItem("storedPrice", getInput);
}
</script></code>

Kod Halaman 2:

<code class="html"><script type="text/javascript">
window.onload = function() {
   alert(localStorage.getItem("storedPrice"));
}
</script></code>

Pendekatan ini menyimpan nilai yang dimasukkan dalam LocalStorage pada halaman 1 dan mendapatkannya semula pada halaman 2 apabila halaman dimuatkan. LocalStorage disokong oleh penyemak imbas moden dan menyediakan mekanisme yang boleh dipercayai untuk komunikasi merentas halaman.

Atas ialah kandungan terperinci Bagaimana untuk Meluluskan Pembolehubah Antara Halaman HTML dalam JavaScript dengan Had Skop?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!