Penjelasan terperinci tentang penggunaan objek dokumen dalam pengetahuan JavaScript_Basic

Sifat objek

Salin kod Kod adalah seperti berikut:

document.title                              // Tetapkan tajuk dokumen bersamaan dengan teg HTML

============================================ === =======================

sub-objek badan-badan

Salin kod Kod adalah seperti berikut:

document.body // Tentukan permulaan dan akhir badan dokumen bersamaan dengan & lt; body & gt; & lt;/body & gt;
document.body.bgColor //Tetapkan atau dapatkan warna latar belakang di belakang objek
document.body.link //Warna pautan yang tidak diklik
document.body.alink //Warna pautan aktif (fokus pada pautan ini)
document.body.vlink //Warna pautan yang diklik
document.body.text //Warna teks
document.body.innerText //Tetapkan teks antara ...
document.body.innerHTML //Tetapkan kod HTML antara ...
document.body.topMargin //Jing atas halaman
document.body.leftMargin //Biping kiri halaman
document.body.rightMargin //Jing sebelah kanan halaman
document.body.bottomMargin //Jing bawah halaman
document.body.background //Imej latar belakang
document.body.appendChild(oTag) //Menjana objek HTML secara dinamik

Peristiwa objek biasa

Salin kod Kod adalah seperti berikut:

document.body.onclick="func()" //Mengklik objek dengan penuding tetikus dicetuskan
document.body.onmouseover="func()" //Dicetuskan apabila penuding tetikus bergerak ke objek
document.body.onmouseout="func()" //Dicetuskan apabila penunjuk tetikus bergerak keluar dari objek

============================================ === =======================

lokasi-lokasi sub-objek

Salin kod Kod adalah seperti berikut:

document.location.hash // Bahagian selepas #
document.location.host //Nama domain Nombor port
document.location.hostname //Nama domain
document.location.href // URL Penuh
document.location.pathname // Bahagian direktori
document.location.port // Nombor port
document.location.protocol // Protokol rangkaian (http:)
document.location.search // Bahagian selepas ?

Peristiwa objek biasa

Salin kod Kod adalah seperti berikut:

documenty.location.reload() //Muat semula halaman web
document.location.reload(URL) //Buka halaman web baharu
document.location.assign(URL) //Buka halaman web baharu
document.location.replace(URL) //Buka halaman web baharu

============================================ === =======================
koleksi imej (imej dalam halaman)
a) Rujukan melalui koleksi

Salin kod Kod adalah seperti berikut:

dokumen.imej                                                                                                                                                                                                                                                                        document.images.length //Bilangan pada halaman yang sepadan
document.images[0] //Teg pertama
document.images //Teg ke-1

b) Rujukan terus

melalui atribut nama

Salin kod Kod adalah seperti berikut:

document.images.oImage //document.images.name atribut

c) Rujuk atribut src imej

Salin kod Kod adalah seperti berikut:

document.images.oImage.src //document.images.name attribute.src

d) Cipta imej

Salin kod Kod adalah seperti berikut:

var oImej
oImej = Imej baharu()
document.images.oImage.

Pada masa yang sama, buat teg pada halaman untuk memaparkannya dengan sewajarnya

Kod sampel (penciptaan imej dinamik):

Salin kod Kod adalah seperti berikut: