JavaScript tidak mengizinkan seseorang untuk menutup jendela yang dibuka oleh pengguna, menggunakan jendela tersebut. metode close() karena masalah keamanan. Namun, kita dapat menutup jendela dengan menggunakan solusi. Pendekatan yang harus diikuti adalah dengan membuka URL saat ini menggunakan JavaScript sehingga bisa ditutup dengan skrip
Mendekati. Langkah-langkah di bawah ini menunjukkan pendekatan ini
- Membuka jendela baru menggunakan metode open(). Pertama, kita perlu membuka jendela baru menggunakan jendela. buka() metode. URL saat ini dapat diakses menggunakan properti location dari objek window. Atribut target atau nilai nama jendela diberikan sebagai _self. Ini penting karena membuat URL menggantikan halaman saat ini
- Tutup jendela yang terbuka ini menggunakan metode close(). Jendela. metode close() menutup jendela tempat ia dipanggil. Jendela yang dibuka pada langkah pertama ditutup dengan menggunakan metode ini. Ini berfungsi karena jendela sekarang telah dibuka oleh skrip kami, bukan oleh pengguna
Catatan. Pendekatan ini mungkin tidak berfungsi di semua browser karena penerapan keamanan browser yang berbeda
JavaScript menyediakan fungsi bawaan bernama close() untuk menutup jendela browser yang dibuka dengan menggunakan jendela. buka() metode. Berbeda dengan jendela. metode open(), tidak mengandung parameter apa pun. Jendela ini. metode close() cukup tutup jendela atau tab yang dibuka oleh jendela. buka() metode
Ingat bahwa - Anda harus menentukan variabel JavaScript global untuk menyimpan nilai yang dikembalikan oleh jendela. metode open() , yang nantinya akan digunakan oleh metode close() untuk menutup jendela yang terbuka itu
Sintaksis
Di sini, jendela adalah nama jendela yang dibuka dengan metode membuka jendela
Daftar Parameter
Metode ini tidak memiliki parameter apapun
Menutup jendela
Mari kita pahami dengan bantuan sebuah contoh. Kami akan mengambil contoh untuk menunjukkan kepada Anda cara menutup jendela atau tab yang dibuka oleh jendela. buka() metode
Pertama, kami akan membuka URL situs web di jendela baru (ukuran ditentukan dalam kode) menggunakan klik tombol dan kemudian menggunakan tombol lain untuk menutup jendela yang terbuka itu
Contoh
Dalam contoh ini, kami tidak akan menentukan URL apa pun dalam metode open(). Lihat kode di bawah ini cara kerjanya
Salin Kode
Keluaran
Anda akan mendapatkan output yang sama seperti yang diberikan di bawah ini. Di sini, klik tombol Buka Jendela Baru untuk membuka jendela browser yang ditentukan pengguna
Jendela baru akan muncul dengan pesan, seperti yang ditunjukkan di bawah ini. Sekarang, klik tombol Tutup Jendela Baru untuk menutup jendela pop-up ini
Contoh 2
Contoh ini akan memiliki URL situs web di dalam jendela. metode open() untuk membuka situs web di jendela baru. Kemudian kita akan menggunakan metode close() untuk menutup jendela itu
Salin Kode
Uji SekarangKeluaran
Ketika Anda akan mengeksekusi kode, Anda akan mendapatkan respon seperti yang ditunjukkan di bawah ini
Klik tombol Open Javatpoint untuk membuka situs web tutorial Javatpoint. Kami telah menentukan ukuran (tinggi dan lebar) jendela pop-up baru untuk dibuka
Metode ini hanya dapat dipanggil di jendela yang dibuka dengan skrip menggunakan metode Window.open(). Jika jendela tidak dibuka oleh skrip, kesalahan yang mirip dengan ini akan muncul di konsol. Scripts may not close windows that were not opened by script.
Perhatikan juga bahwa close() tidak berpengaruh saat dipanggil pada objek Window yang dikembalikan oleh HTMLIFrameElement.contentWindow
close()
Tidak ada
Tidak ada (undefined)
Contoh ini menunjukkan metode yang membuka jendela dan yang kedua menutup jendela;
Anda dapat menggunakan kode HTML berikut untuk menutup jendela di dalam situs web Anda. Ini bisa berguna di jendela sembulan. Tepatnya, ini sebenarnya adalah kode JavaScript yang digabungkan dengan kode HTML
Tutup Jendela Saat Ini
Kode berikut menutup jendela saat ini
Untuk melihat kode ini beraksi, klik tombol berikut untuk membuka halaman sembulan, lalu tutup menggunakan tautan Tutup
Buka Jendela Munculan
(Kode jendela munculan di sini)
Tutup Jendela Lain
Anda juga dapat menutup jendela lain. Yaitu, jendela yang berbeda dengan jendela tempat tombol "Tutup".
Kode JavaScript berikut menyertakan fungsi untuk membuka jendela, dan fungsi lainnya untuk menutup jendela yang baru saja dibuka. Untuk menutup jendela, kami menggunakan nama jendela (nama yang kami berikan saat kami membuka jendela). Dalam hal ini, kami menyebut jendela kami popupWindow
Lari
Stack editor Unstack editor
Buka Jendela Popup Tutup Jendela Popup
Buka Jendela Popup Tutup Jendela Popup
Perhatikan bahwa Anda mungkin perlu mengeklik "Tutup Jendela Munculan" dua kali - klik pertama akan mengembalikan jendela ini ke fokus dan klik kedua akan mengeklik tombol sebenarnya