Rumah  >  Artikel  >  hujung hadapan web  >  Kod pelaksanaan javascript jQuery untuk mendapatkan ketinggian dan lebar kemahiran laman web_javascript

Kod pelaksanaan javascript jQuery untuk mendapatkan ketinggian dan lebar kemahiran laman web_javascript

WBOY
WBOYasal
2016-05-16 15:03:481231semak imbas

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 ketinggian tepi)
Lebar teks penuh isi halaman web: document.body.scrollWidth
Tinggi teks penuh isi halaman web: document.body.scrollHeight
Halaman itu ditatal tinggi: document.body.scrollTop
Bahagian kiri halaman web sedang ditatal: document.body.scrollLeft
Pada badan utama halaman web: window.screenTop
Bahagian kiri badan utama halaman web: window.screenLeft
Ketinggian peleraian skrin: window.screen.height
Lebar peleraian skrin: window.screen.width
Ketinggian ruang kerja yang tersedia skrin: window.screen.availHeight

Skrin tersedia lebar ruang kerja: window.screen.availWidth

jquery

Dapatkan ketinggian kawasan paparan penyemak imbas: $(window).height(
Dapatkan lebar kawasan paparan penyemak imbas: $(window).width();
Dapatkan ketinggian dokumen halaman:
$(document).height(); Dapatkan lebar dokumen halaman:
$(document).width(); Dapatkan ketinggian menegak bar skrol ke atas: $(document).scrollTop(); Dapatkan lebar menegak bar skrol ke kiri: $(document).scrollLeft();


Kira kedudukan elemen dan mengimbangi

Kaedah offset ialah kaedah yang sangat berguna, yang mengembalikan maklumat offset bagi elemen pertama dalam set yang dibungkus. Secara lalai, ia adalah maklumat mengimbangi relatif kepada badan. Hasilnya mengandungi dua atribut, atas dan kiri. offset(pilihan, hasil)
options.relativeUntuk menentukan elemen moyang relatif kepada kedudukan offset yang dikira. Elemen ini harus diletakkan secara relatif atau mutlak. Jika ditinggalkan, ia adalah relatif kepada badan.
options.scroll Sama ada hendak memasukkan bar skrol, lalai TRUE
options.padding Sama ada untuk memasukkan padding, default false
options.margin Sama ada hendak memasukkan margin dalam pengiraan, lalai benar
options.border Sama ada hendak menyertakan sempadan, lalai benar

Javascript jQuery di atas untuk mendapatkan ketinggian dan lebar halaman web adalah semua kandungan yang dikongsi oleh editor saya harap ia dapat memberi anda rujukan, dan saya juga berharap semua orang akan menyokong Script Home.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn