|
|
Diposting pada 03/07/2018 16.54.42
|
|
|
Javascrip{filter}t mendapatkan ukuran layar, jendela browser, browser, dan tinggi dan lebar halaman web
Area visibilitas halaman web: document.body.clientWidth
Area visibilitas halaman web: document.body.clientHeight
Lebar area yang terlihat halaman web: document.body.offsetWidth (termasuk lebar tepi)
Tinggi area yang terlihat halaman web: document.body.offsetHeight (termasuk lebar tepi)
Lebar teks lengkap isi halaman web: document.body.scrollWidth
Teks lengkap halaman web tinggi: document.body.scrollHeight
Halaman digulir tinggi: document.body.scrollTop
Halaman digulir ke kiri: document.body.scrollLeft
Di badan halaman web: window.screenTop
Badan halaman web terkiri: window.screenLeft
Resolusi layar tinggi: window.screen.height
Lebar resolusi layar: window.screen.width
Tinggi ruang kerja layar yang tersedia: window.screen.availHeight
Lebar ruang kerja layar yang tersedia: window.screen.availWidth
jQuery mendapatkan berbagai lebar dan tinggi
Area tampilan browser
$(jendela).tinggi()
$(jendela).lebar()
Ukuran dokumen halaman
$(dokumen).tinggi()
$(dokumen).lebar()
Ukuran badan dokumen jendela saat ini
$(dokumen.tubuh).tinggi()
$(dokumen.tubuh).lebar()
Tinggi vertikal bilah gulir ke atas (yaitu ketinggian di mana halaman digulung)
$(dokumen).scrollTop()
$(dokumen).scrollLeft()
Penargetan tepat HTML: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX relatif terhadap koordinat horizontal dokumen
event.clientY relatif terhadap koordinat vertikal dokumen
event.offsetX relatif terhadap koordinat horizontal kontainer
event.offsetY relatif terhadap koordinat vertikal kontainer
document.documentElement.scrollTop untuk pengguliran vertikal
event.clientX+document.documentElement.scrollTop Jumlah koordinat horizontal + pengguliran vertikal relatif terhadap dokumen
IE, perbedaan FireFox adalah sebagai berikut:
IE6.0 、 FF1.06 +:
clientWidth = lebar + padding
clientHeight = tinggi + padding
offsetWidth = lebar + padding + border
offsetHeight = tinggi + padding + batas
IE5.0 / 5.5:
clientWidth = lebar - batas
clientHeight = tinggi - batas
offsetWidth = lebar
offsetHeight = tinggi
(Harus disebutkan: atribut margin di CSS tidak ada hubungannya dengan clientWidth, offsetWidth, clientHeight, offsetHeight)
Area visibilitas halaman web: document.body.clientWidth
Tinggi area visibilitas halaman web: document.body.clientHeight
Lebar area yang terlihat halaman web: document.body.offsetWidth (termasuk lebar tepi)
Tinggi Area Terlihat Web: document.body.offsetHeight (termasuk tinggi tepi)
Lebar teks lengkap halaman web: document.body.scrollWidth
Tinggi teks lengkap: document.body.scrollHeight
Halaman digulir tinggi: document.body.scrollTop
Halaman digulir ke kiri: document.body.scrollLeft
Di badan halaman web: window.screenTop
Kiri badan halaman web: window.screenLeft
Resolusi layar tinggi: window.screen.height
Lebar resolusi layar: window.screen.width
Tinggi ruang kerja layar yang tersedia: window.screen.availHeight
Lebar ruang kerja layar yang tersedia: window.screen.availWidth
div.style.top: Jarak teratas relatif terhadap komponen tempat div berada
－－－－－－－－－－－－－－－－－－－
Sorotan teknis
Kode di bagian ini terutama menggunakan beberapa properti objek Dokumen tentang jendela, dan fungsi utama serta penggunaan properti ini adalah sebagai berikut.
Untuk mendapatkan ukuran jendela, properti dan metode yang berbeda perlu digunakan untuk browser yang berbeda: untuk mendeteksi ukuran jendela yang sebenarnya, Anda perlu menggunakan properti Window di Netscape; Di IE, Anda perlu masuk jauh ke dalam dokumen untuk mendeteksi tubuh. Di lingkungan DOM, untuk mendapatkan ukuran jendela, Anda perlu memperhatikan ukuran elemen akar, bukan elemennya.
Properti innerWidth dari objek Window berisi lebar internal jendela saat ini. Properti innerHeight dari objek Window berisi tinggi internal jendela saat ini.
Atribut isi objek Document sesuai dengan tag dokumen HTML. Properti documentElement dari objek Document mewakili simpul akar dokumen HTML.
document.body.clientHeight menunjukkan tinggi jendela saat ini tempat dokumen HTML berada. document.body. clientWidth mewakili lebar jendela saat ini tempat dokumen HTML berada.
Peristiwa ukuran browser
window.onresize=funName; Panggil fungsi funName saat ukuran browser berubah |
Mantan:seo title kata kunci deskripsi batas kata Judul, kata kunci, descrip{filter}tion panjangDepan:Jenis "Objek" didefinisikan dalam rakitan yang tidak direferensikan. Harus menambahkan respons ke program...
|
