Bagaimana cara menutup halaman saat ini di javascript?

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 Tab 


   Close 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 Window


   Close 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

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

Keluaran

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

 
 My Web Page  



    
        Scaler Topics
    
  
    

        Click the button to close the current window.
    
  
    
       
    
        Close
    
    
    
    
    

  

Keluaran
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()
 

			
Bagaimana cara menutup jendela saat ini?
			
Jika Anda ingin menutup jendela aktif, Anda juga dapat  mengklik Tutup Jendela Saat Ini pada menu File atau tekan CTRL+F4 . 
		
			
Apa yang dilakukan close () dalam JavaScript?
			
Metode close()  menutup jendela . 
		
			
Bagaimana cara memeriksa jendela tutup di JavaScript?
			
Sebuah tab atau jendela yang menutup di browser dapat dideteksi dengan  menggunakan event beforeunload . Ini dapat digunakan untuk memberi tahu pengguna jika ada data yang belum disimpan di halaman, atau pengguna secara tidak sengaja keluar dari halaman saat ini dengan menutup tab atau browser.