Bagaimana cara menutup tab 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

Hari ini di posting ini, kita akan melihat cara menutup tab saat ini di jendela browser menggunakan JavaScript

Misalkan kita memiliki halaman web yang dibuka di tab jendela browser. Sekarang kita ingin menambahkan link pada halaman web tersebut sehingga setelah mengklik link tersebut, tab yang berisi halaman web tersebut akan tertutup. Bagaimana cara melakukannya?

Ada metode JavaScript yang tersedia yang dapat menutup tab jendela saat ini. Ini adalah metode close() javascript yang menutup tab saat ini

Membuat validator formulir JavaScript sederhana

Nonaktifkan klik kanan, salin, potong halaman web menggunakan jQuery

Di bawah ini adalah metode yang menutup tab jendela saat ini

window.close()

Sebelum membahas lebih lanjut, saya rasa Anda harus mengetahui fakta bahwa window. metode close() akan dapat menutup hanya tab yang terbuka dengan menggunakan jendela. buka() metode. Jadi, untuk menutup tab saat ini di javaScript, harus dibuka dengan menggunakan jendela. buka() metode

Sekarang misalkan Anda ingin membuat tautan yang akan menutup tab saat ini saat diklik. Untuk melakukannya mari kita buat dulu tautan HTML kita

<a href="#" id="close-window">Close this window tab</a>

Tag jangkar HTML di atas memiliki id "close-window" yang akan digunakan oleh kode JavaScript kami yang akan menutup tab browser saat ini. Kode JavaScript yang akan melakukan itu diberikan di bawah ini

<script type="text/javascript">
  document.getElementById("close-window").addEventListener("click", function(){ 
       window.close();
   });
</script>

Di bawah ini adalah contoh kode lengkapnya

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
</head>
<body>

<a href="#" id="close-window">Close this window tab</a>

<script type="text/javascript">
  document.getElementById("close-window").addEventListener("click", function(){ 
       window.close();
   });
</script>
</body>
</html>

Simpan kode di atas sebagai file HTML. Setelah menyimpannya, jika Anda membukanya dengan browser Anda, Anda akan melihat tautan dengan teks "Tutup tab jendela ini". Setelah mengklik tautan ini, Anda akan melihat tab browser Anda segera ditutup

Contoh Animasi Sederhana Menggunakan jQuery

Jadi kita telah melihat cara menutup tab jendela saat ini menggunakan metode JavaScript close(). Metode JavaScript close() didukung oleh semua browser modern utama. Chrome, FireFox, Internet Explorer, Safari dan Opera mendukung metode ini

7 tanggapan untuk “Tutup tab saat ini di jendela browser menggunakan JavaScript”

1. Stphen .

   Tidak berfungsi pada Chrome versi terbaru
   Stefanus

   • Faruque Ahamed Mollick mengatakan.

     Jendela. close() adalah metode JavaScript universal yang seharusnya berfungsi untuk versi chrome terbaru. di sini lebih lanjut tentang metode ini – https. // www. w3schools. com/jsref/met_win_close. asp

2. Alibaba mengatakan.

   Jendela. close() hanya menutup jendela yang dibuka oleh jendela. buka() metode

   • Faruque Ahamed Mollick mengatakan.

     Untuk alasan keamanan, itu tidak lagi didukung

3. rjc mengatakan.

   Bekerja untuk saya

   jendela. onload = function() { jendela. mencetak();
   jendela. onafterprint = function() { jendela. menutup();}

4. TravelMan .

   Bekerja dengan baik. Tapi bagaimana Anda bisa melakukan hal yang sama dari Button OnClick?

5. Matthew Wells mengatakan.

   Saya mendapat kesalahan ketika saya mengirimkan formulir ini, saya perlu 40 karakter jadi saya tidak bisa hanya memberi tahu Anda sampahnya yang sudah kadaluwarsa, sebaliknya saya juga harus memberi tahu Anda sampahnya yang sudah ketinggalan zaman dan sampahnya yang sudah ketinggalan zaman. Semoga harimu menyenangkan

   Bagaimana cara menutup tab saat ini?

   Tutup tab .

   Di kanan atas tab, klik Tutup

   Pilih pintasan keyboard. Di Windows & Linux, tekan Ctrl + w. Di Mac, tekan ⌘ + w

   Bagaimana cara menutup tab saat ini dan membuka tab baru di JavaScript?

   close()” akan menutup tab atau jendela yang dibuka oleh JavaScript . Ini sebuah contoh. Itu. metode open() membuka halaman web di tab baru, karena saya telah menggunakan opsi _blank.

   Bagaimana cara menutup jendela di Chrome menggunakan JavaScript?

   Coba jendela. tutup() dan berhasil. jendela. .

   Konteks penjelajahan yang sesuai A dapat ditutup skrip

   Konteks penjelajahan skrip incumbent akrab dengan konteks penjelajahan A