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
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”
Stphen .
Tidak berfungsi pada Chrome versi terbaru
StefanusFaruque 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
Alibaba mengatakan.
Jendela. close() hanya menutup jendela yang dibuka oleh jendela. buka() metode
Faruque Ahamed Mollick mengatakan.
Untuk alasan keamanan, itu tidak lagi didukung
rjc mengatakan.
Bekerja untuk saya
jendela. onload = function() { jendela. mencetak();
jendela. onafterprint = function() { jendela. menutup();}TravelMan .
Bekerja dengan baik. Tapi bagaimana Anda bisa melakukan hal yang sama dari Button OnClick?
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 TutupPilih pintasan keyboard. Di Windows & Linux, tekan Ctrl + w. Di Mac, tekan ⌘ + wBagaimana 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 skripKonteks penjelajahan skrip incumbent akrab dengan konteks penjelajahan A