Pada kesempatan ini saya akan menjelaskan cara close halaman dengan javascript. perlu teman-teman ketahui sebelumnya, untuk menutup jendela windows browser bisa menggunakan method JavaScript. Mungkin dari penjelasan yang saya buat terdengar sepele, tapi tidak menutup kemungkinan suatu saat teman-teman membutuhkan merhod tersebut yang bisa diterapkan untuk menutup jendela window browser secara otomatis dari event click suatu tombol. Pada contoh disini saya ambil dari kasus dimana saya pernah membuat konfirmasi pendaftaran newsletter yang didalamnya terdapat tombol tutup halaman atau close halaman, dikarenakan halaman konfirmasi tersebut berasal dari attribute target _blank dan tidak memungkinkan untuk saya buat feature tombol kembali ke halaman sebelumnya, karena kembali lagi kepada attribute target yang sebelumnya, target sebelumnya yaitu _blank jd mau tidak mau untuk memudahkan pengunjung dan untuk memanjakannya saya buatkan feature tombol tutup halaman.Langsung saja, untuk membuatnya, kalian bisa ikuti tahapan yang saya berikan dibawah ini.
Berikut Tahapannya :
- Teman-teman buat terlebih dahulu satu buah file dengan nama index.html, ketikan kode seperti berikut :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html> <html> <body> <button onclick="bukaHalaman()">Buka</button> <button onclick="tutupHalaman()">Tutup</button> <script> var halamanSaya; function bukaHalaman() { halamanSaya = window.open("", "halamanSaya", "width=200,height=100"); halamanSaya.document.write("<p>This is 'halamanSaya'</p>"); } function tutupHalaman() { halamanSaya.close(); } </script> </body> </html> |
- Jika sudah save terlebih dahulu file index.html tersebut dan jalankan di browser
Sampai disini penjelasan saya mengenai cara close halaman dengan javascript, semoga bermanfaat.