Kita akan belajar menutup jendela browser menggunakan JavaScript dalam tutorial ini. Misalkan pengguna telah membuka situs web Anda dalam 2 tab dan tidak ingin mengizinkannya, maka Anda dapat menutup satu tab secara otomatis menggunakan JavaScript
Selain itu, jika Anda memperhatikan bahwa beberapa aplikasi web secara otomatis membuka jendela browser untuk menangkap wajah, itu akan menutup secara otomatis saat Anda mengambil gambar dengan mengeklik tombol. Hanya itu yang bisa kita lakukan menggunakan JavaScript
Tutorial ini akan mengajarkan berbagai contoh penutupan tab saat ini di jendela browser menggunakan JavaScript
Catatan - JavaScript tidak pernah mengizinkan pengembang untuk menutup jendela yang dibuka oleh pengguna. Itu karena beberapa masalah keamanan. Jadi, pemrogram hanya dapat menutup jendela browser yang dibuka menggunakan metode open() JavaScript
Sintaksis
Anda dapat mengikuti sintaks di bawah ini untuk menggunakan metode close() untuk menutup jendela browser
let new_window = window.open(URL, width, height); new_window.close();Dalam sintaks di atas, kami telah menyimpan nilai yang dikembalikan dalam variabel new_window saat membuatnya. Setelah itu, kami menggunakan metode close() untuk menutup jendela yang baru dibuka
Contoh
Dalam contoh ini, kami memiliki dua tombol;
Pengguna harus terlebih dahulu membuka tab menggunakan JavaScript dengan mengklik tombol buka tab baru. Setelah mereka dapat mengklik tombol tutup tab baru, amati bahwa itu secara otomatis menutup tab
Using the window.close() method to close the browser's tab
Click "Open New Tab" to open a page in new tab and click "Close New Tab" to colse the opened tab
Open New TabClose New Tab _
Contoh
Pada contoh di bawah ini, kami telah membuat dua tombol, seperti contoh di atas, untuk membuka dan menutup tab. Namun, dalam contoh ini, kami juga menambahkan '_blank' sebagai parameter metode terbuka, yang akan membuka jendela baru, bukan tab baru.
Selanjutnya, pengguna dapat mengklik tombol jendela baru untuk menutup jendela pop-up
Using the window.close() method to close the browser's window.
Click "Open New Window" to open the page in new window and click "Close New Window" to colse the opened window
open new WindowClose new Window
Jadi, pengguna belajar membuka tab atau jendela baru menggunakan JavaScript. Juga, pelajari cara menutup tab atau jendela menggunakan metode close()
Selain itu, kita dapat membuka jendela baru untuk menerima input pengguna, dan saat pengguna mengirimkan data formulir, kita dapat memanggil metode close() dalam fungsi tempat kita menangani data formulir
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
Uji SekarangKeluaran
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
Satu-satunya hal yang perlu diperhatikan di sini adalah bahwa kita hanya dapat menutup jendela browser yang kita buka menggunakan skrip/kode javascript kita. Standar keamanan saat ini tidak mengizinkan penutupan jendela browser (menggunakan skrip javascript) yang dibuka oleh pengguna
Langkah-langkah di bawah ini menunjukkan pendekatan di mana kami membuka URL menggunakan javascript sehingga dapat ditutup menggunakan skrip
Membuka jendela browser baru menggunakan metode terbuka javascript. Pertama, Anda perlu membuka jendela browser baru menggunakan jendela tersebut. buka() metode. Dibutuhkan dua argumen, argumen pertama adalah URL saat ini yang akan kita akses melalui properti lokasi objek jendela dan argumen kedua adalah URL target yang akan kita berikan sebagai _self karena membuat URL menggantikan halaman saat ini
Menutup jendela yang terbuka ini menggunakan metode tutup javascript. Karena kita membuka jendela browser baru menggunakan skrip javascript maka kita bisa menutupnya menggunakan jendela tersebut. tutup() metode. Metode ini tidak memiliki argumen apa pun dan menutup jendela tempat ia dipanggil
Program JavaScript untuk Menutup Jendela Peramban Menggunakan jendela. tutup() Metode
Program di bawah ini menunjukkan pendekatan yang telah kita bahas di atas
My Web Page Scaler Topics
Click the button to close the current window.
CloseKeluaran
- Sebelum mengklik tombol tutup jendela browser terlihat seperti di bawah ini
Setelah mengklik tombol tutup, halaman di atas ditutup
Penjelasan. Pertama, kami membuat dokumen HTML dan di bawah tag body, kami mendefinisikan tag heading h1 yang menampilkan Hello World. dan juga kami telah menetapkan tag paragraf yang bertuliskan klik tombol untuk menutup jendela. Kemudian kami telah mendefinisikan tombol dan melampirkannya pada pendengar klik yang menentukan apa yang terjadi ketika tombol diklik. Terakhir, kami memiliki skrip javascript yang mendefinisikan fungsionalitas dari fungsi yang ditentukan di atas. Skrip berisi fungsi di mana kami telah mendefinisikan variabel my_window dan membuka jendela baru, lalu kami menutup jendela saat ini menggunakan metode close()