Pada kasus tertentu, saat sedang mendevelop program, saya memiliki sebuah variable di Javascript pada halaman induk/parent dan saya menginginkan data pada variable tersebut dapat dikirim ke halaman baru yang akan dibuka dari halaman induk.
Setelah browsing di Google, akhirnya saya mendapatkan jawaban yang saya inginkan.
Kita dapat menggunakan fungsi dari window.open
Pertama kita buat halaman induk atau halaman utamanya. Contoh kita buat “hal-awal.html“, lalu masukkan kodingan berikut.
<!DOCTYPE html>
<html>
<head>
<title>Passing Variable Javascript</title>
</head>
<body>
<h1>Belajar Passing Variable Javascript</h1>
<button onclick="passingData()">Buka Halaman Baru</button>
<script type="text/javascript">
function passingData(){
var dataObject = ["Nasi Goreng", "Mie Goreng", "Ketoprak"];
var w = window.open("hal-olah.html","_blank");
w.myVariable = dataObject;
}
</script>
</body>
</html>
Simpan file hal-awal.html pada folder project kalian.
Dari kodingan di atas, var dataObject adalah data yang kita siapkan untuk dikirim nanti. Pada bagian “w.myVariable = dataObject;”, myVariable adalah parameter yang akan digunakan pada halaman yang akan dibuka nanti.
Selanjutnya kita buat halaman yang akan menerima variable dari halaman induk. Sebagai contoh saya akan membuat file “hal-olah.html“, file ini saya simpan satu folder dengan file “hal-awal.html“.
Kita hanya perlu menggunakan nama variable yang kita berikan pada halaman induk, pada kasus ini saya memberikan nama variable-nya myVariable.
<script type="text/javascript">
console.log(myVariable);
</script>
