Bagaimanakah Saya Mendapatkan Dimensi Skrin, Tetingkap dan Halaman dalam JavaScript?

Menentukan Dimensi Skrin dan Tetingkap merentas Penyemak Imbas

Pembangun web selalunya perlu mendapatkan ukuran yang tepat bagi skrin pengguna, halaman web semasa dan tetingkap penyemak imbas. Walaupun pendekatan khusus mungkin berbeza-beza merentas penyemak imbas, terdapat kaedah yang ditetapkan untuk mendapatkan semula dimensi ini.

Mendapatkan semula Dimensi Skrin dan Tetingkap

Untuk menentukan dimensi skrin pengguna, gunakan yang berikut sifat:

• screenWidth
• screenHeight

Untuk dimensi tetingkap penyemak imbas, gunakan ini sifat:

• lebar tingkap
• tinggi tingkap

Mengambil Dimensi Halaman

Kepada mengukur dimensi halaman web semasa, anda boleh menggunakan JavaScript atau jQuery.

JavaScript:

document.documentElement.scrollHeight; // pageHeight
document.documentElement.scrollWidth; // pageWidth

jQuery:

$(document).height(); // pageHeight
$(document).width(); // pageWidth

Menentukan Kedudukan Tatal

Untuk mencari kedudukan tatal dalam dokumen semasa, gunakan ini hartanah:

• pageX
• pageY

Keserasian Pelayar

Yang disebutkan di atas kaedah disokong secara meluas oleh penyemak imbas utama, termasuk Chrome, Firefox, Edge dan Safari. Walau bagaimanapun, sentiasa dinasihatkan untuk menguji kod anda merentas berbilang penyemak imbas untuk memastikan keserasian silang.

Atas ialah kandungan terperinci Bagaimanakah Saya Mendapatkan Dimensi Skrin, Tetingkap dan Halaman dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!