Halaman web terlihat lebar area: document.body.clientwidth
Area halaman webnya tinggi: document.body.clitingheight
Halaman web terlihat lebar area: document.body.offsetwidth (termasuk lebar tepi)
Area halaman webnya tinggi: document.body.offsetheight (termasuk lebar tepi)
Teks Lengkap Lebar: document.body.scrollwidth
Teks lengkap dari teks halaman web tinggi: document.body.scrollheight
Halaman web digulung tinggi: document.body.scrolltop
Halaman web digulung di sebelah kiri: document.body.scrollleft
Bagian dari bagian halaman web: window.screentop
Halaman web Teks kiri: window.screenleft
Resolusi Layar Tinggi: Window.Screen.Height
Lebar resolusi layar: window.screen.width
Layar Tersedia Area Kerja Tinggi: window.screen.availheight
Layar Tersedia Lebar Area Kerja: Window.Screen.availwidth
Posisi HTML yang tepat
ScrollHeight: Dapatkan ketinggian gulir objek.
Scrollleft: atur atau dapatkan jarak antara ujung kiri konten yang saat ini terlihat di batas kiri dan jendela objek
Scrolltop: Atur atau dapatkan jarak antara bagian atas objek dan bagian atas jendela di jendela
Scrollwidth: Dapatkan lebar gulir objek
OffsetHeight: Ketinggian koordinat induk yang ditentukan oleh atribut offsetparent oleh objek yang diperoleh
Offsetleft: Untuk perhitungan posisi kiri koordinat patriarki dari koordinat patriarki yang ditentukan oleh atribut offsetparent
Offsettop: Posisi teratas dari perhitungan koordinat patriarkal dari pola yang ditentukan oleh atribut offsettop
Koordinat Horizontal Event.clientx dari Dokumen Relatif
Koordinat vertikal KLIENTY Dokumen Relatif
Koordinat horizontal event.offsetx
Koordinat vertikal Event.Offsety
Document.documeNetelement.scrolltop Valley Valley Rolling Valley
Event.clientx+document.documentelement.scrolltop Label kursi horizontal dari dokumen relatif+jumlah rolling vertikal bergulir
Yaitu, perbedaan firefox adalah sebagai berikut:
IE6.0, FF1.06+:
ClientWidth = lebar + padding
ClientHeight = Tinggi + Padding
OffsetWidth = Lebar + Padding + Border
OffsetHeight = Tinggi + Padding + Border
IE5.0/5.5:
ClientWidth = Width -Border
ClientHeight = Height -border
OffsetWidth = Lebar
OffsetHeight = Tinggi
(Perlu disebutkan: Atribut margin dalam CSS tidak terkait dengan ClientWidth, OffsetWidth, ClientHeight, OfficeTheight)
================================================
Kemarin, saya mengganti beberapa halaman dalam proyek. Lebar yang diperoleh dengan lebar halaman yang diperoleh dengan kalimat seperti Document.DocumeNeTeLement.ClientWidth adalah 0. Setelah beberapa Google, saya menyadari bahwa itu adalah kurangnya referensi ke standar W3C pada halaman baru, menghasilkan dokumen.documentedlement. Kegagalan Klien: Kegagalan:
<!
Jika Anda menambahkan baris ini ke halaman
Di IE:
document.body.clientwidth ==> lebar objek tubuh
Document.Body.ClitingHeight ==> Tinggi Objek Tubuh
document.documentelement.clientwidth ==> lebar area yang terlihat
Document.DocumentElement.clientHeight ==> Tinggi area yang terlihat
Di Firefox :
document.body.clientwidth ==> lebar objek tubuh
Document.Body.ClitingHeight ==> Tinggi Objek Tubuh
document.documentelement.clientwidth ==> lebar area yang terlihat
Document.DocumentElement.clientHeight ==> Tinggi area yang terlihat
Di opera:
document.body.clientwidth ==> lebar area yang terlihat
Document.Body.ClitingHeight ==> Tinggi Area Terlihat
Document.DocumentElement.ClientWidth ==> Lebar objek halaman (yaitu, lebar objek tubuh ditambah lebar margin)
document.documentelement.clientHeight == >> Tinggi objek halaman (yaitu, ketinggian objek tubuh ditambah margin tinggi)
Dan jika tidak ada definisi standar W3C, maka
Yaitu adalah:
Document.DocumentElement.clientWidth ==> 0
Document.DocumentElement.clientHeight ==> 0
Firefox adalah:
Document.DocumentElement.ClientWidth ==> Lebar objek halaman (yaitu, lebar objek tubuh ditambah lebar margin) dokumen.
Opera adalah:
Document.DocumentElement.ClientWidth ==> Lebar objek halaman (yaitu, lebar objek tubuh ditambah lebar margin) dokumen.