Bagaimana Anda menutup halaman web di javascript?

Bagaimana Anda menutup halaman web di javascript?

Teknologi

26 September 2022

Cara menutup tab saat ini di jendela browser menggunakan JavaScript

   

Menggunakan JavaScript kita dapat membuka dan menutup tab saat ini di jendela browser dengan JavaScript. Di sini kita menggunakan metode close() dari JavaScript untuk menutup tab saat ini

 

<!DOCTYPE html>
<html>
<head></head> 
<body>   
  <button onclick="openW()">Click to open website</button>
  <button onclick="closeW()">Click here to close the window</button>
  <script>
    var win;
    function openW() {
     win = window.open("https://www.google.com", "_blank", "width=900, height=786");
    }
    function closeW() {
     win.close();
    }
  </script>
</body>
</html>

 

Pada kode di atas terdapat dua tombol “Click to open website” , yang memanggil fungsi onClick i. dan bukaW(). Dalam fungsi openW() kami telah melewati tautan situs web dan lebar dan tinggi jendela yang ditetapkan ke variabel win. Dalam fungsi ini menghubungkan situs web menggunakan jendela. open() metode dalam javascript

 

Demikian pula dengan mengklik tombol "Klik di sini untuk menutup jendela", kami memanggil fungsi yang menggunakan metode close() dalam javascript untuk menutup jendela yang terbuka

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

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.

Close
_

Keluaran

  • Sebelum mengklik tombol tutup jendela browser terlihat seperti di bawah ini
Bagaimana Anda menutup halaman web di javascript?
  • 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()

Untuk alasan historis, halaman ini mencantumkan metode yang sebelumnya digunakan untuk menutup tab atau jendela browser secara terprogram menggunakan JavaScript

Catatan

Pada 2017, tidak ada cara untuk menutup tab atau jendela browser web menggunakan JavaScript. Standar keamanan modern tidak mengizinkan perilaku ini. Kode JavaScript di bawah ini tidak berfungsi lagi dan murni untuk tujuan pendidikan

Metode pertama membuat tombol yang, ketika diklik, meminta pengguna "Apakah Anda ingin menutup jendela ini?"

<input type="button" value="Close this window" onclick="self.close()">

Metode kedua membutuhkan lebih banyak pekerjaan, tetapi menghindari "masalah yang mendorong". Kode berikut disisipkan di kepala halaman HTML

Apa yang dilakukan close () dalam JavaScript?

Metode close() menutup jendela .

Bagaimana cara menutup halaman Web yang terbuka?

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 di JavaScript?

Ini akan menutup tab tertentu setelah lima detik. .
fungsi openTab(){ var closeWindow= jendela. .
obyek. onclick= closeWindow(){myScript};

Close Window using JavaScript

.. .
var terbuka;.
fungsi closeWindow(){

Bagaimana cara menutup halaman HTML?

Penutupan Dokumen HTML DOM() .