cari

Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menutup tab semasa dalam tetingkap penyemak imbas menggunakan JavaScript?

Bagaimana untuk menutup tab semasa dalam tetingkap penyemak imbas menggunakan JavaScript?

WBOY
WBOYke hadapan
2023-09-15 21:21:07652semak imbas

如何使用 JavaScript 关闭浏览器窗口中的当前选项卡？

Kami akan belajar menutup tetingkap penyemak imbas menggunakan JavaScript dalam tutorial ini. Katakan pengguna telah membuka tapak web anda dalam 2 tab dan tidak mahu membenarkannya, maka anda boleh menggunakan JavaScript untuk menutup satu tab secara automatik.

Selain itu, jika anda perasan bahawa sesetengah aplikasi web membuka tetingkap penyemak imbas secara automatik untuk menangkap wajah, ia akan ditutup secara automatik apabila anda menangkap imej dengan mengklik butang. Itu sahaja yang boleh kita lakukan dengan JavaScript.

Tutorial ini akan mengajar contoh yang berbeza untuk menutup tab semasa dalam tetingkap penyemak imbas menggunakan JavaScript.

NOTA - JavaScript tidak pernah membenarkan pembangun menutup tetingkap yang dibuka oleh pengguna. Ini disebabkan oleh beberapa isu keselamatan. Oleh itu, pengaturcara hanya boleh menutup tetingkap penyemak imbas yang dibuka menggunakan kaedah open() JavaScript.

tatabahasa

Anda boleh menutup tetingkap penyemak imbas menggunakan kaedah close() mengikut sintaks berikut. 

let new_window = window.open(URL, width, height);
new_window.close();

Dalam sintaks di atas, kami menyimpan nilai pulangan dalam pembolehubah new_window apabila kami menciptanya. Selepas itu, kami menutup tetingkap yang baru dibuka menggunakan kaedah close().

Contoh

Dalam contoh ini, kami mempunyai dua butang; satu membuka tab baharu dan satu lagi menutup tab baharu yang dibuka menggunakan JavaScript.

Pengguna perlu membuka tab menggunakan JavaScript terlebih dahulu dengan mengklik butang "Buka Tab Baharu". Mereka boleh mengklik butang "Tutup Tab Baharu" dan menontonnya menutup tab secara automatik. 

<html>
<body>
   <h2>Using the <i>window.close()</i> method to close the browser's tab</h2>
   <p>Click "Open New Tab" to open a page in new tab and click "Close New Tab" to colse the opened tab</p>
   <button id = "openTab" onclick = "openTab()">Open New Tab </button><br><br>
   <button id = "closeTab" onclick = "closeTab()">Close New Tab</button>
   <script>
      // creating the variable to store the tab
      var new_tab;
      function openTab() {
         // open a new tab
         new_tab = window.open("https://www.tutorialspoint.com/answers/shubham-vora");
      }
      function closeTab() {
         // close tab
         new_tab.close();
      }
   </script>
</body>
</html>

Contoh

Dalam contoh di bawah, kami telah mencipta dua butang seperti contoh di atas untuk membuka dan menutup tab. Walau bagaimanapun, dalam contoh ini, kami juga telah menambah "_blank" sebagai parameter kepada kaedah terbuka, yang akan membuka tetingkap baharu dan bukannya tab baharu.

Seterusnya, pengguna boleh mengklik butang tetingkap baharu untuk menutup tetingkap timbul. 

<html>
<body>
   <h2>Using the <i>window.close() method</i> to close the browser's window.</h2>
   <p>Click "Open New Window" to open the page in new window and click "Close New Window" to colse the opened window</p>
   <button id = "openWidnow" onclick = "openWindow()"> open new Window</button><br><br>
   <button id = "closeWidnow" onclick = "closeWindow()">Close new Window</button>
   <script>
      // creating the variable to store window
      var new_window;
      function openWindow() {
         // open a new window
         new_window = window.open("https://www.tutorialspoint.com/index.htm", "_blank", "width=800");
      }
      function closeWindow() {
         // close the window
         new_window.close();
      }
   </script>
</body>
</html>

Oleh itu, pengguna belajar menggunakan JavaScript untuk membuka tab atau tetingkap baharu. Selain itu, anda belajar menggunakan kaedah close() untuk menutup tab atau tetingkap.

Selain itu, kami juga boleh membuka tetingkap baharu untuk menerima input pengguna Apabila pengguna menyerahkan data borang, kami boleh memanggil kaedah tutup() dalam fungsi yang memproses data borang.

Atas ialah kandungan terperinci Bagaimana untuk menutup tab semasa dalam tetingkap penyemak imbas menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：FabricJS - Bagaimana untuk menskalakan objek imej kepada lebar yang diberikan?Artikel seterusnya：FabricJS - Bagaimana untuk menskalakan objek imej kepada lebar yang diberikan?

Artikel berkaitan

Lihat lagi