hujung hadapan web
tutorial js
Bagaimana untuk menutup tab semasa dalam tetingkap penyemak imbas menggunakan JavaScript?
Bagaimana untuk menutup tab semasa dalam tetingkap penyemak imbas menggunakan 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!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1376
52
Bagaimana saya membuat dan menerbitkan perpustakaan JavaScript saya sendiri?
Mar 18, 2025 pm 03:12 PM
Artikel membincangkan membuat, menerbitkan, dan mengekalkan perpustakaan JavaScript, memberi tumpuan kepada perancangan, pembangunan, ujian, dokumentasi, dan strategi promosi.
Bagaimanakah saya mengoptimumkan kod JavaScript untuk prestasi dalam penyemak imbas?
Mar 18, 2025 pm 03:14 PM
Artikel ini membincangkan strategi untuk mengoptimumkan prestasi JavaScript dalam pelayar, memberi tumpuan kepada mengurangkan masa pelaksanaan dan meminimumkan kesan pada kelajuan beban halaman.
Apa yang perlu saya lakukan jika saya menghadapi percetakan kod yang dihiasi untuk resit kertas terma depan?
Apr 04, 2025 pm 02:42 PM
Soalan dan penyelesaian yang sering ditanya untuk percetakan tiket kertas terma depan dalam pembangunan front-end, percetakan tiket adalah keperluan umum. Walau bagaimanapun, banyak pemaju sedang melaksanakan ...
Bagaimanakah saya boleh debug kod javascript dengan berkesan menggunakan alat pemaju pelayar?
Mar 18, 2025 pm 03:16 PM
Artikel ini membincangkan debugging JavaScript yang berkesan menggunakan alat pemaju pelayar, memberi tumpuan kepada menetapkan titik putus, menggunakan konsol, dan menganalisis prestasi.
Bagaimanakah saya menggunakan peta sumber untuk debug kod JavaScript minified?
Mar 18, 2025 pm 03:17 PM
Artikel ini menerangkan cara menggunakan peta sumber untuk debug JavaScript minifikasi dengan memetakannya kembali ke kod asal. Ia membincangkan membolehkan peta sumber, menetapkan titik putus, dan menggunakan alat seperti Chrome Devtools dan Webpack.
Bagaimana saya menggunakan kerangka koleksi Java dengan berkesan?
Mar 13, 2025 pm 12:28 PM
Artikel ini meneroka penggunaan rangka koleksi Java yang berkesan. Ia menekankan memilih koleksi yang sesuai (senarai, set, peta, giliran) berdasarkan struktur data, keperluan prestasi, dan keselamatan benang. Mengoptimumkan penggunaan pengumpulan melalui cekap
TypeScript untuk pemula, Bahagian 2: Jenis Data Asas
Mar 19, 2025 am 09:10 AM
Sebaik sahaja anda telah menguasai tutorial TypeScript peringkat kemasukan, anda harus dapat menulis kod anda sendiri dalam IDE yang menyokong TypeScript dan menyusunnya ke dalam JavaScript. Tutorial ini akan menyelam ke dalam pelbagai jenis data dalam TypeScript. JavaScript mempunyai tujuh jenis data: null, undefined, boolean, nombor, rentetan, simbol (diperkenalkan oleh ES6) dan objek. Typescript mentakrifkan lebih banyak jenis atas dasar ini, dan tutorial ini akan meliputi semuanya secara terperinci. Jenis data null Seperti JavaScript, Null dalam TypeScript
Bermula dengan Chart.js: Pie, Donut, dan Carta Bubble
Mar 15, 2025 am 09:19 AM
Tutorial ini akan menerangkan cara membuat carta pai, cincin, dan gelembung menggunakan carta.js. Sebelum ini, kami telah mempelajari empat jenis carta carta.js: carta baris dan carta bar (tutorial 2), serta carta radar dan carta rantau polar (Tutorial 3). Buat carta pai dan cincin Carta pai dan carta cincin sangat sesuai untuk menunjukkan perkadaran keseluruhan yang dibahagikan kepada bahagian yang berlainan. Sebagai contoh, carta pai boleh digunakan untuk menunjukkan peratusan singa lelaki, singa wanita dan singa muda dalam safari, atau peratusan undi yang diterima oleh calon yang berbeza dalam pilihan raya. Carta pai hanya sesuai untuk membandingkan parameter tunggal atau dataset. Harus diingat bahawa carta pai tidak dapat menarik entiti dengan nilai sifar kerana sudut kipas dalam carta pai bergantung pada saiz berangka titik data. Ini bermaksud mana -mana entiti dengan perkadaran sifar
