Bagaimana untuk menutup tab semasa dalam tetingkap penyemak imbas menggunakan JavaScript?-tutorial js-php.cn

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

WBOY

Lepaskan： 2023-09-15 21:21:07

ke hadapan

633 orang telah melayarinya

如何使用 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();

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!