Mari kita bincangkan tentang beberapa kaedah menutup tetingkap menggunakan JavaScript

JavaScript ialah bahasa pengaturcaraan yang digunakan secara meluas dalam pembangunan web, yang boleh mencapai pelbagai kesan interaktif dan fungsi praktikal. Salah satu fungsi asas ialah menutup tetingkap, yang boleh membantu pengguna keluar dari halaman atau aplikasi semasa dengan mudah. Dalam artikel ini, kami akan memperkenalkan beberapa cara untuk menutup tetingkap menggunakan JavaScript.

1. Gunakan window.close()

Cara paling mudah ialah menggunakan fungsi window.close(). Fungsi ini tidak memerlukan sebarang parameter, cuma laksanakannya untuk menutup tetingkap semasa. Sebagai contoh, kod berikut boleh menutup tetingkap semasa apabila butang diklik:

<button onclick="window.close()">关闭窗口</button>

Perlu diambil perhatian bahawa kaedah ini hanya boleh menutup tetingkap yang dibuat oleh JavaScript, tetapi bukan tetingkap utama penyemak imbas atau tetingkap dicipta oleh JavaScript Tetingkap baharu dibuka oleh pengguna. Selain itu, jika tetingkap semasa dibuka oleh tapak web lain, menutup tetingkap menggunakan window.close() boleh menyebabkan penyemak imbas muncul kotak amaran yang meminta pengguna sama ada membenarkan tetingkap ditutup.

2. Gunakan window.opener.close()

Cara lain untuk menutup tetingkap semasa ialah menggunakan fungsi window.opener.close(). Fungsi ini boleh dilaksanakan pada tetingkap induk tetingkap semasa, dengan itu menutup tetingkap semasa. Sebagai contoh, kod berikut boleh menutup tetingkap induk tetingkap semasa apabila butang diklik:

<button onclick="window.opener.close()">关闭窗口</button>

Perlu diambil perhatian bahawa apabila menggunakan window.opener.close() untuk menutup tetingkap, tetingkap induk mesti ditulis oleh JavaScript terbuka. Jika tetingkap induk dibuka secara manual oleh pengguna, menutup tetingkap menggunakan kaedah ini tidak akan memberi kesan.

3. Gunakan window.parent.close()

Sama seperti window.opener.close(), fungsi window.parent.close() boleh digunakan dalam induk tetingkap semasa Dilaksanakan pada tetingkap, dengan itu menutup tetingkap semasa. Perbezaannya ialah window.parent.close() boleh menutup mana-mana tetingkap induk, sama ada dicipta oleh JavaScript atau dibuka oleh pengguna. Sebagai contoh, kod berikut boleh menutup semua tetingkap induk apabila butang diklik:

<button onclick="window.parent.close()">关闭窗口</button>

Perlu diambil perhatian bahawa kotak amaran tetingkap timbul mungkin muncul apabila menutup tetingkap menggunakan window.parent.close () , meminta kebenaran pengguna untuk menutup tetingkap. Di samping itu, kaedah ini hanya boleh menutup tetingkap, bukan keseluruhan pelayar.

4. Gunakan window.open() untuk membuka halaman kosong

Cara lain untuk menutup tetingkap semasa ialah menggunakan fungsi window.open() untuk membuka kosong halaman dan kemudian tutup tetingkap semasa. Sebagai contoh, kod berikut boleh membuka halaman kosong apabila butang diklik dan kemudian menutup tetingkap semasa:

<button onclick="window.open(&#39;about:blank&#39;,&#39;_self&#39;).close()">关闭窗口</button>

Perlu diambil perhatian bahawa apabila menggunakan window.open() untuk membuka halaman kosong , yang pertama Parameter mestilah 'about:blank', dan parameter kedua mestilah '_self', supaya halaman baharu boleh dibuka dengan betul dalam tetingkap semasa. Di samping itu, apabila menutup tetingkap, kotak amaran pop timbul mungkin muncul, meminta pengguna sama ada membenarkan tetingkap ditutup.

Ringkasan

Menggunakan JavaScript untuk menutup tetingkap ialah fungsi yang sangat praktikal yang boleh membantu pengguna keluar dari halaman atau aplikasi dengan mudah. Artikel ini menerangkan beberapa cara untuk menutup tetingkap, termasuk membuka halaman kosong menggunakan window.close(), window.opener.close(), window.parent.close(), dan window.open(). Perlu diingatkan bahawa kaedah ini mempunyai batasan tertentu dan tidak dapat memenuhi keperluan menutup tingkap dalam semua situasi. Oleh itu, dalam aplikasi praktikal, kaedah yang sesuai harus dipilih mengikut situasi tertentu.

Atas ialah kandungan terperinci Mari kita bincangkan tentang beberapa kaedah menutup tetingkap menggunakan JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!