Bagaimanakah Saya Boleh Dapatkan Dimensi Skrin, Halaman Web dan Tetingkap Penyemak Imbas dalam JavaScript?

Tentukan Dimensi Tetingkap dan Skrin dalam Pelbagai Pelayar

Mendapatkan dimensi skrin, halaman web dan tetingkap penyemak imbas boleh menjadi penting untuk pelbagai tugas pembangunan web. Syukurlah, terdapat pelbagai pendekatan untuk mencapai ini merentas penyemak imbas utama.

Dimensi Skrin

Untuk mendapatkan dimensi skrin pengguna:

• Moden Pelayar:

  window.screen.height;
  window.screen.width;

Dimensi Halaman Web

Untuk dimensi halaman web, anda boleh menggunakan:

• Moden Pelayar:

  window.innerHeight;
  window.innerWidth;

Dimensi Tetingkap Penyemak Imbas

Untuk menentukan tetingkap penyemak imbas dimensi:

• jQuery:

  // Size of browser viewport.
  $(window).height();
  $(window).width();

Selain daripada dimensi yang dinyatakan, anda juga boleh mendapatkan yang berikut nilai:

• halamanX, pageY: Koordinat halaman kursor tetikus pengguna.
• screenX, screenY: Koordinat skrin kursor tetikus pengguna.

Legasi Pendekatan

Sebelum penyeragaman window.screen dan window.innerWidth, anda boleh menggunakan perpustakaan jQuery untuk mengira dimensi. Walau bagaimanapun, kaedah ini telah ditamatkan dan tidak lagi disyorkan:

• Dimensi Halaman:

  $(document).height();
  $(document).width();

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