Saya selalu menggunakan metode dokumen.write () untuk menampilkan data ke browser, dan menggunakannya sebagai peringatan (). Tampaknya penggunaan semacam ini agak kurang digunakan. Mari kita bicara tentang kegunaan utamanya.
Metode Document.Write () dapat digunakan dalam dua aspek:
1. Selama proses pemuatan halaman, tambahkan konten halaman baru dengan skrip.
2. Gunakan skrip tunda untuk membuat konten jendela ini atau jendela baru.
Metode ini membutuhkan parameter string, yang merupakan konten HTML yang ditulis ke jendela atau bingkai. Parameter string ini dapat berupa variabel atau ekspresi dengan nilai -nilai sebagai string, dan konten yang ditulis sering mencakup bahasa markup HTML. Seperti dalam kode berikut, kerangka kerja sistem akademik memuat sub -halaman
Salinan kode adalah sebagai berikut:
<!-Masukkan bingkai ke dalam sel->
<span style = "font-size: 18px;">
<td valign = "TOP" ID = "Content-Container">
<Div id = "Loading">
// Ikon Efek Muat
<img src = "gambar /loading.gif" />
</div>
<type skrip = "Teks/JavaScript">
// Memanggil fungsi outputiframe JS untuk membentuk kerangka kerja
Index.outputIframe ();
</script>
</td>
</span>
Salinan kode adalah sebagai berikut:
<span style = "font-size: 18px;"> // frame output
Index.outputIframe = function () {
var scrolling = $ .isie6 == true? 'Ya': 'Auto';
Document.write ('<iframe id = "content" marginwidth = "0" marginheight = "0" frameborder = "0" scrolling = "' + scrolling + '" onload = "$ (/'#loading/'). Sembunyikan (); $ (ini) .show ();" src = ""> </iframe
};
</span>
Setelah halaman dimuat, aliran output browser ditutup secara otomatis. Setelah ini, metode dokumen.write () apa pun yang beroperasi pada halaman saat ini akan membuka aliran output baru, yang akan menghapus konten halaman saat ini (termasuk variabel atau nilai dokumen sumber apa pun). Oleh karena itu, jika Anda ingin mengganti halaman saat ini dengan HTML yang dihasilkan oleh skrip, Anda harus menghubungkan konten HTML dan menetapkannya ke variabel, dan menggunakan metode Document.write () untuk menyelesaikan operasi tulis.
Hal lain yang harus dijelaskan tentang metode Document.write () adalah dokumen metode terkait.close (). Setelah skrip menulis konten ke jendela (apakah ini atau jendela lain), aliran output harus ditutup. Setelah metode terakhir dokumen.write () dari skrip tunda, Anda harus memastikan bahwa metode dokumen.close () disertakan. Jika Anda tidak melakukannya, Anda tidak dapat menampilkan gambar dan formulir. Dan, metode document.write () selanjutnya hanya akan menambahkan konten ke halaman tanpa menghapus konten yang ada untuk menulis nilai baru.
Untuk mendemonstrasikan metode Document.write (), kami menyediakan dua versi aplikasi yang sama. Satu menulis konten ke dokumen yang berisi skrip, dan yang lain menulis konten ke jendela terpisah.
Contoh 1 membuat tombol yang menggabungkan konten HTML baru untuk dokumen, termasuk tag HTML untuk judul dokumen baru dan atribut warna tag.
Dalam contoh, ada operator += yang tidak akrab bagi pembaca. Ini menambahkan string di sebelah kanannya ke variabel di kiri. Variabel ini digunakan untuk menyimpan string. Operator ini dapat dengan mudah menggabungkan beberapa pernyataan terpisah menjadi string panjang. Gunakan pernyataan Document.write () yang digabungkan dalam variabel NewContent untuk menulis semua konten baru ke dalam dokumen, sepenuhnya membersihkan konten dalam Contoh 1.
Maka Anda perlu memanggil pernyataan Document.close () untuk menutup aliran output. Saat memuat dokumen dan mengklik tombol, Anda dapat melihat bahwa judul dokumen di bilah judul browser berubah sebagai hasilnya. Ketika Anda kembali ke dokumen asli dan klik tombol lagi, Anda dapat melihat bahwa halaman kedua yang ditulis secara dinamis memuat lebih cepat daripada memuat ulang dokumen asli.
Contoh 1 Gunakan Document.write () di jendela saat ini.
Salinan kode adalah sebagai berikut:
<html xmlns = "http://www.w3.org/1999/xhtml"> <Title> Menulis ke dokumen yang sama </title>
<bahasa skrip = "javascript">
// Tulis ulang fungsinya
function repeatwrite () {
// Simpan konten tertulis
var newcontent = "<html> <adept> <title> dokumen baru </iteme> </head>"
NewContent += "<body bgcolor = 'aqua'> <h1> Dokumen ini baru. </h1>"
NewContent += "Klik tombol Kembali untuk melihat dokumen asli."
NewContent += "</body> </html>"
// tulis konten baru
Document.write (NewContent);
document.close ();
}
</script>
</head>
<body>
<sorm>
<!-Klik tombol untuk memanggil fungsi tulis->
<input type = "Tombol" value = "ganti konten" ontClick = "REURTWRITE ()">
</form>
</body>
</html>
Meringkaskan:
Baru -baru ini saya menulis loader sumber daya statis, yang menggunakan Document.write. Setelah mengalami beberapa tikungan dan belokan, saya menemukan dokumen itu. Penulisan masih memiliki beberapa konten, jadi saya memutuskan untuk melemparkan sesuatu dan merekamnya, dan pada saat yang sama juga merupakan cara untuk mengumpulkan sesuatu untuk diri saya sendiri.