Rumah > Artikel > hujung hadapan web > Bagaimana Document.write() Memberi Impak kepada Kandungan Dokumen?

Bagaimana Document.write() Memberi Impak kepada Kandungan Dokumen?

Mary-Kate Olsenasal: 2024-10-24 07:03:30744semak imbas

How Does document.write() Impact Document Contents?

Document.write() Kesan pada Kandungan Dokumen

Kaedah document.write() mengubah kandungan dokumen HTML dengan menulis terus kepada aliran dokumen. Dalam senario tertentu, tindakan ini boleh membawa kepada pengalihan keluar elemen yang dipaparkan sebelum ini.

Sebagai contoh, pertimbangkan kod berikut:

<code class="html"><!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            function validator() {
                if (document.myForm.thebox.checked)
                    document.write("checkBox is checked");
                else 
                    document.write("checkBox is NOT checked");
            }
        </script>
    </head>
    <body>
        <form name="myForm">
            <input type="checkbox" name ="thebox"/>
            <input type="button" onClick="validator()" name="validation" value="Press me for validation"/>
        </form>
    </body>
</html></code>

Apabila fungsi validator() dipanggil, dokumen Kaedah .write() digunakan untuk mengeluarkan mesej kepada dokumen. Walau bagaimanapun, apabila berbuat demikian, elemen borang (kotak semak dan butang) hilang daripada skrin.

Tingkah laku ini berlaku kerana document.write() beroperasi pada strim dokumen. Apabila dipanggil selepas dokumen selesai dimuatkan, ia boleh menyebabkan strim ditutup. Akibatnya, untuk menulis ke strim, document.write() membuka dokumen sekali lagi secara automatik, yang menetapkan semula kandungan halaman, mengalih keluar semua elemen sedia ada.

Atas ialah kandungan terperinci Bagaimana Document.write() Memberi Impak kepada Kandungan Dokumen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

html for checkbox function this

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Komponen Pelayan lwn. Pelanggan dalam Next.js Bila dan Cara MenggunakannyaArtikel seterusnya：Komponen Pelayan lwn. Pelanggan dalam Next.js Bila dan Cara Menggunakannya

Artikel berkaitan

Lihat lagi