JavaScript mendapat ringkasan halaman web, penyemak imbas, ketinggian skrin dan petua width_javascript

Saya sering mendapati bahawa semasa menulis JavaScript, saya perlu menggunakan ketinggian dan lebar halaman web, penyemak imbas atau skrin untuk menyelesaikan masalah kedudukan susun atur Saya sering melupakannya selepas menggunakannya sebelum ini, atau saya hanya mencarinya Internet, jadi saya ringkaskan sendiri Ini juga memudahkan penggunaan semula, menjimatkan masa dan usaha.

Lebar kawasan yang boleh dilihat halaman web: document.body.clientWidth
Ketinggian kawasan kelihatan halaman web: document.body.clientHeight
Lebar kawasan kelihatan halaman web: document.body.offsetWidth (termasuk lebar tepi)
Ketinggian kawasan kelihatan halaman web: document.body.offsetHeight (termasuk lebar tepi)
Lebar teks penuh badan halaman web: document.body.scrollWidth (lebar dengan bar skrol)
Ketinggian teks penuh badan halaman web: document.body.scrollHeight (ketinggian dengan bar skrol)
Halaman itu ditatal begitu tinggi: document.body.scrollTop
Bahagian kiri halaman web sedang ditatal: document.body.scrollLeft
Pada badan utama halaman web: window.screenTop
Bahagian kiri teks halaman web: window.screenLeft
Peleraian skrin tinggi: window.screen.height
Lebar peleraian skrin: window.screen.width
Ketinggian ruang kerja skrin yang tersedia: window.screen.availHeight
Skrin tersedia lebar ruang kerja: window.screen.availWidth

Kedudukan tepat HTML: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: Mendapat ketinggian skrol objek.
scrollLeft: Menetapkan atau mendapatkan jarak antara tepi kiri objek dan hujung paling kiri kandungan yang kelihatan pada masa ini dalam tetingkap
scrollTop: Menetapkan atau mendapatkan jarak antara bahagian atas objek dan bahagian atas kandungan yang boleh dilihat dalam tetingkap
scrollWidth: Dapatkan lebar skrol objek
offsetHeight: Mendapat ketinggian objek berbanding dengan reka letak atau koordinat induk yang ditentukan oleh koordinat induk offsetParent property
offsetLeft: Mendapat kedudukan kiri objek yang dikira berbanding dengan reka letak atau koordinat induk yang ditentukan oleh sifat offsetParent
offsetTop: Mendapat kedudukan teratas objek yang dikira berbanding dengan reka letak atau koordinat induk yang ditentukan oleh atribut offsetTop
event.clientX koordinat mendatar berbanding dengan dokumen
event.clientY koordinat menegak relatif kepada dokumen
event.offsetX koordinat mendatar berbanding bekas
event.offsetY koordinat menegak relatif kepada bekas
document.documentElement.scrollTop Nilai tatal menegak
event.clientX document.documentElement.scrollTop Koordinat mendatar relatif kepada dokumen Jumlah penatalan menegak

Perbezaan antara IE dan FireFox adalah seperti berikut:

IE6.0, FF1.06:

Salin kod Kod adalah seperti berikut:

clientWidth = padding lebar
clientHeight = pelapik ketinggian
offsetWidth = sempadan padding lebar
offsetHeight = sempadan pelapik ketinggian

IE5.0/5.5:

Salin kod Kod adalah seperti berikut:

clientWidth = lebar - sempadan
clientHeight = ketinggian - sempadan
offsetWidth = lebar
offsetHeight = ketinggian

Ringkasan: Terdapat banyak perkara tentang ketinggian dan lebar Saya tidak memahami beberapa perkara yang spesifik Selepas mengujinya sendiri, beberapa nilai adalah sama, jadi saya hanya boleh bergantung pada keadaan.