Properti Objek
Salinan kode adalah sebagai berikut:
Document.title // Atur tag <iteme> yang setara dengan HTML
Document.bgcolor // Atur warna latar belakang halaman
Document.fgcolor // Atur warna latar depan (warna teks)
Document.linkcolor // Warna tautan yang tidak diklicked
Document.alinccolor // Aktifkan warna tautan (fokus pada tautan ini)
Document.vlinkColor // Klik Warna Tautan
Document.url // Setel properti URL untuk membuka halaman web lain di jendela yang sama
Document.FileCreatedDate // Tanggal Pembuatan File, Atribut Baca-Hanya
Document.filemodiedDate // Tanggal modifikasi file, atribut read-only
Document.filesize // ukuran file, atribut read-only
document.cookie // atur dan baca cookie
Document.charset // Atur karakter yang disederhanakan: GB2312
==================================================================================================================================================
Subjek tubuh
Salinan kode adalah sebagai berikut:
Document.body // Awal dan akhir dari badan dokumen yang ditentukan setara dengan <body> </body>
Document.body.bgcolor // atur atau dapatkan warna latar belakang di belakang objek
document.body.link // warna tautan yang tidak diklik
document.body.alink // Aktifkan warna tautan (fokus pada tautan ini)
Document.body.vlink // Warna tautan yang diklik
document.body.text // warna teks
document.body.innertext // atur teks antara <tody> ... </body>
document.body.innerhtml // atur kode html antara <tody> ... </body>
document.body.topmargin // margin halaman
document.body.leftmargin // halaman margin kiri
document.body.rightmargin // halaman margin kanan
document.body.bottommargin // margin di halaman
Document.Body.Background // Gambar Latar Belakang
Document.Body.AppendChild (OTAG) // Dinamis menghasilkan objek HTML
Peristiwa Objek Umum
Salinan kode adalah sebagai berikut:
document.body.onClick = "func ()" // Pointer mouse mengklik objek yang dipicu
document.body.onmouseover = "func ()" // Flash saat penunjuk mouse bergerak ke objek
document.body.onmouseout = "func ()" // flash saat pointer mouse dipindahkan keluar dari objek
==================================================================================================================================================
Subobject Posisi Lokasi
Salinan kode adalah sebagai berikut:
document.location.hash // bagian setelah nomor #
document.location.host // nama domain + nomor port
document.location.hostname // nama domain
document.location.href // URL lengkap
Document.location.pathname // Bagian Direktori
document.location.port // nomor port
document.location.protocol // protokol jaringan (http :)
document.location.search // bagian setelah? nomor
Peristiwa Objek Umum
Salinan kode adalah sebagai berikut:
documenty.location.reload () // Segarkan halaman web
document.location.reload (url) // buka halaman web baru
document.location.assign (url) // buka halaman web baru
Document.location.replace (URL) // Buka halaman web baru
==================================================================================================================================================
Koleksi gambar (gambar di halaman)
a) Referensi melalui koleksi
Salinan kode adalah sebagai berikut:
Document.Images // Tag <mimg> di halaman yang sesuai
document.images.length // Jumlah tag <mmg> pada halaman yang sesuai
Document.Images [0] // Tag <MMG> pertama
Document.Images // I-1 <mmg> Tag
b) Referensi langsung melalui atribut nama
Salinan kode adalah sebagai berikut:
<name img = "oimage">
document.images.oimage //document.images.name Properti
c) SRC Atribut gambar referensi
Salinan kode adalah sebagai berikut:
document.images.oimage.src //document.images.name attribute.src
d) Buat gambar
Salinan kode adalah sebagai berikut:
var oimage
oimage = gambar baru ()
document.images.oimage.src = "1.jpg"
Pada saat yang sama, buat tag <mmg> di halaman dan dapat ditampilkan
Kode sampel (pembuatan dinamis):
Salinan kode adalah sebagai berikut:
<Html>
<IMG Name = OIMAGE>
<bahasa skrip = "javascript">
var oimage
oimage = gambar baru ()
document.images.oimage.src = "1.jpg"
</script>
</html>
<Html>
<bahasa skrip = "javascript">
oimage = document.caceeateelement ("img")
oimage.src = "1.jpg"
Document.Body.AppendChild (OIMAGE)
</script>
</html>
=============================================================================================================================================================================
Koleksi Formulir (Formulir di Halaman)
a) Referensi melalui koleksi
Salinan kode adalah sebagai berikut:
Document.Forms // Tag <dorm> di halaman yang sesuai
document.forms.length // jumlah tag <dorm> pada halaman yang sesuai
Document.Forms [0] // Tag <dorm> pertama
Document.Forms // I-1 <Form> Tag
Document.Forms.length // Jumlah kontrol dalam I-1TH <Form>
document.forms.elements [j] // Kontrol J-1St di I-1TH <Form>
-----------------------------------------------------------------------------------------------------------------------------
b) Referensi langsung melalui atribut nama tag
Salinan kode adalah sebagai berikut:
<form name = "myForm"> <input name = "myctrl"> </form>
document.myform.myctrl //document.form name.control name
-----------------------------------------------------------------------------------------------------------------------------
c) Properti Formulir Akses
Salinan kode adalah sebagai berikut:
document.forms.name // sesuai dengan <Form Name> Atribut
document.forms.action // sesuai dengan atribut <Form Action>
Document.Forms.encoding // sesuai dengan atribut <Form Enctype>
document.forms.target // sesuai dengan atribut <Form Target>
document.forms.applchild (otag) // masukkan kontrol secara dinamis
-----------------------------------------------------------------------------------------------------------------------------
Kode Sampel (Formulir):
Salinan kode adalah sebagai berikut:
<Html>
<!-Script Terkait Kontrol Teks->
<Form name = "myForm">
<input type = "text" name = "otext">
<input type = "kata sandi" name = "opswd">
<sorm>
<bahasa skrip = "javascript">
// Dapatkan nilai kotak kata sandi teks
document.write (document.myform.otext.value)
document.write (document.myform.opswd.value)
</script>
</html>
-----------------------------------------------------------------------------------------------------------------------------
Kode sampel (kotak centang):
Salinan kode adalah sebagai berikut:
<Html>
<!-kotak centang, skrip terkait kontrol radio->
<Form name = "myForm">
<input type = "centang kotak" nama = "chk" value = "1"> 1
<input type = "centang kotak" name = "chk" value = "2"> 2
</form>
<bahasa skrip = "javascript">
function fun () {
// Transfer nilai kontrol kotak centang dan tentukan apakah itu dipilih
panjang var
length = document.forms [0] .chk.length
untuk (i = 0; i <panjang; i ++) {
v = Document.Forms [0] .chk.value
b = Document.Forms [0] .chk.Checked
if (b)
peringatan (v = v+"dipilih")
kalau tidak
peringatan (v = v+"tidak terpilih")
}
}
</script>
<a href =# onclick = "fun ()"> ddd </a>
</html>
-----------------------------------------------------------------------------------------------------------------------------
Kode Sampel (Pilih):
Salinan kode adalah sebagai berikut:
<Html>
<!-Pilih skrip terkait kontrol->
<Form name = "myForm">
<Pilih Nama = "Oselect">
<Option value = "1"> 1 </pection>
<Option value = "2"> 2 </pection>
<Option value = "3"> 3 </pection>
</pilih>
</form>
<bahasa skrip = "javascript">
// Transfer item opsi dari Kontrol Pilih
panjang var
length = document.myform.oselect.length
untuk (i = 0; i <panjang; i ++)
Document.write (document.myform.oselect.value)
</script>
<bahasa skrip = "javascript">
// Transfer item opsi dan tentukan apakah opsi dipilih
untuk (i = 0; i <document.myform.oselect.length; i ++) {
if (document.myform.oselect.poelected! = true)
Document.write (document.myform.oselect.value)
kalau tidak
document.write ("<font color = red>"+document.myform.oselect.value+"</font>")
}
</script>
<bahasa skrip = "javascript">
// Cetak opsi yang dipilih menurut SelectedIndex
// (0 ke document.myform.oselect.length-1)
i = document.myform.oselect.selectedIndex
Document.write (document.myform.oselect.value)
</script>
<bahasa skrip = "javascript">
// Tingkatkan secara dinamis item opsi dari Kontrol Pilih
var ooption = document.createElement ("opsi");
ooption.text = "4";
ooption.value = "4";
document.myform.oselect.add (ooption);
</script>
<Html>
==================================================================================================================================================
Koleksi Div (Lapisan di Halaman)
Salinan kode adalah sebagai berikut:
<Div ID = "ODIV"> Teks </div>
Document.all.odiv // Referensi Lapisan ODIV
document.all.odiv.style.display = "" // lapisan diatur ke visual
document.all.odiv.style.display = "none" // lapisan diatur untuk disembunyikan
Document.getElementId ("ODIV") // Objek Referensi melalui GetElementID
Document.getElementId ("ODIV").
document.getElementId ("odiv"). display = "none"
/*document.all mewakili kumpulan semua objek dalam dokumen
Hanya IE yang mendukung atribut ini, sehingga juga digunakan untuk menentukan jenis browser*/
4 Properti Objek Lapisan
Salinan kode adalah sebagai berikut:
Document.getElementById ("id"). Innertext // Teks Output Dinamis
document.geteLementById ("id"). INNERHTML // HTML Output Dinamis
document.geteLementById ("id"). Outtext // Insnertext yang sama
document.geteLementById ("id"). outerhtml // sama seperti innerHtml
-----------------------------------------------------------------------------------------------------------------------------
Kode contoh:
Salinan kode adalah sebagai berikut:
<Html>
<bahasa skrip = "javascript">
function change () {
document.all.odiv.style.display = "none"
}
</script>
<Div id = "odiv" onclick = "ubah ()"> teks </div>
</html>
<Html>
<bahasa skrip = "javascript">
function changeText () {
document.geteLementById ("ODIV"). Innertext = "NewText"
}
</script>
<Div id = "odiv" onmouseover = "changeText ()"> Teks </div>
</html>