Biasa digunakan:
JS Dapatkan ukuran jendela browser
Salin kode kode sebagai berikut:
// Dapatkan lebar jendela
if (window.innerwidth)
Winwidth = window.innerwidth;
Else if ((document.body) && (document.body.clientwidth)))
winwidth = document.body.clientwidth;
// Dapatkan ketinggian jendela
if (window.innerheight)
WinHeight = window.innerheight;
Else if ((document.body) && (documen.body.clientHeight)))
WinHeight = document.body.clitingHeight;
// Melalui bagian dalam deteksi internal dokumen, ukuran jendela diperoleh
If (document.documentelement && document.documentlement.clintheighheighheightheigh && documentElementwidth)
{{
WinHeight = document.documentedlement.clientHeight;
winwidth = document.documentelement.clientwidth;
}
terperinci:
Anda dapat melihat ukuran jendela untuk mendapatkan berbagai browser:
<script>
Fungsi getInfo ()
{{
var s = "";
s = "halaman web dapat terlihat luas:" document.body.clientwidth;
s = "halaman web visible area tinggi:" document.body.clientHeight;
s = "halaman web terlihat lebar area:" document.body.offsetwidth "(termasuk lebar tepi dan rolling bar)";
s = "halaman web terlihat tinggi:" document.body.offsetheight "(termasuk lebar tepi)";
S = "Teks Web Lebar teks lengkap:" Document.Body.ScrollWidth;
S = "Teks Web Teks Lengkap Tinggi:" Document.Body.ScrollHeight;
s = "ff) yang diluncurkan oleh halaman web:" document.body.scrolltop;
s = "yaitu" halaman web diluncurkan (yaitu): "Document.documentElement.scroltop;
s = "halaman web digulung di sebelah kiri:" document.body.scrollleft;
S = "Bagian Teks Web:" Window.Screentop;
S = "Bagian Teks Web Kiri:" Window.Screenleft;
S = "Resolusi Layar:" Window.Screen.height;
S = "Lebar Resolusi Layar:" Window.Screen.Width;
s = "layar yang tersedia Area Kerja:" Window.Screen.AvailHeight;
s = "layar tersedia lebar area kerja:" window.screen.availwidth;
s = "Pengaturan layar Anda adalah" window.screen.colordepth "dalam warna";
s = "pengaturan layar Anda" window.screen.devicexdpi "pixel/inch";
// Peringatan;
}
getInfo ();
</script>
Dalam tes lokal saya:
Anda dapat menggunakannya di bawah IE, Firefox, Opera
document.body.clientwidth
document.body.clitingheight
Ini dapat diperoleh, sangat sederhana dan nyaman.
Dan dalam proyek perusahaan:
Opera masih digunakan
document.body.clientwidth
document.body.clitingheight
Tapi yaitu dan firefox digunakan
Document.DocumentElement.clientwidth
Document.DocumentElement.ClientHeight
Ternyata standar W3C.
<!
Jika Anda menambahkan baris ini di halaman, itu ada di IE:
document.body.clientwidth ==> lebar objek tubuh
Document.Body.ClitingHeight ==> Tinggi Objek Tubuh
document.documentelement.clientwidth ==> lebar area yang terlihat
Document.DocumentElement.clientHeight ==> Tinggi area yang terlihat
Di Firefox:
document.body.clientwidth ==> lebar objek tubuh
Document.Body.ClitingHeight ==> Tinggi Objek Tubuh
document.documentelement.clientwidth ==> lebar area yang terlihat
Document.DocumentElement.clientHeight ==> Tinggi area yang terlihat
Di opera:
document.body.clientwidth ==> lebar area yang terlihat
Document.Body.ClitingHeight ==> Tinggi Area Terlihat
Document.DocumentElement.ClientWidth ==> Lebar objek halaman (yaitu, lebar objek tubuh ditambah lebar margin)
document.documentelement.clientHeight == >> Tinggi objek halaman (yaitu, ketinggian objek tubuh ditambah margin tinggi)
Dan jika tidak ada definisi standar W3C, maka
Yaitu adalah:
Document.DocumentElement.clientWidth ==> 0
Document.DocumentElement.clientHeight ==> 0
Firefox adalah:
Document.DocumentElement.ClientWidth ==> Lebar objek halaman (yaitu, lebar objek tubuh ditambah lebar margin) dokumen.
Opera adalah:
Document.DocumentElement.ClientWidth ==> Lebar objek halaman (yaitu, lebar objek tubuh ditambah lebar margin) dokumen.