Fahami secara ringkas aplikasi objek window.screen

Artikel ini membawa anda pengetahuan yang berkaitan tentang javascript, yang terutamanya memperkenalkan isu yang berkaitan dengan aplikasi objek window.screen Objek window.screen mengandungi maklumat tentang skrin pengguna. Sila lihat, semoga ia membantu semua orang.

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Objek tetingkap

Semua pelayar menyokong objek tetingkap. Ia mewakili tetingkap penyemak imbas.

Semua objek, fungsi dan pembolehubah global JavaScript secara automatik menjadi ahli objek tetingkap.

Pembolehubah global ialah sifat objek tetingkap.

Fungsi global ialah kaedah objek tetingkap.

Malah dokumen HTML DOM ialah salah satu sifat objek tetingkap:

window.document.getElementById("header");

Sama seperti ini:

document.getElementById("header");

Saiz tetingkap

Terdapat tiga cara untuk menentukan saiz tetingkap penyemak imbas (port pandang penyemak imbas, tidak termasuk bar alat dan bar skrol).

Untuk Internet Explorer, Chrome, Firefox, Opera dan Safari:

window.innerHeight - Ketinggian dalaman tetingkap penyemak imbas.innerWidth - Lebar dalaman tetingkap penyemak imbas

Untuk Internet Explorer 8, 7, 6, 5:

document.documentElement.clientHeight document.documentElement.clientWidth

atau

document.body.clientHeight document.body.clientWidth

Penyelesaian JavaScript praktikal (merangkumi semua pelayar):

Contoh

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

Contoh ini menunjukkan ketinggian dan lebar tetingkap penyemak imbas: (tidak termasuk bar alat/bar skrol)

Skrin Tetingkap

Objek window.screen mengandungi maklumat tentang skrin pengguna maklumat.

Objek window.screen boleh ditulis tanpa awalan tetingkap.

Sesetengah sifat:

• screen.availWidth - lebar skrin tersedia

• skrin .availHeight - ketinggian skrin tersedia

Skrin Tetingkap Skrin lebar tersedia. Sifat availWidth mengembalikan lebar skrin pelawat, dalam piksel, tolak ciri antara muka seperti lajur tugas tetingkap.

Instance

Mengembalikan lebar skrin anda yang tersedia:

<script>
document.write("可用宽度: " + screen.availWidth);
</script>

Output kod di atas ialah:

Ketinggian Tersedia Skrin Tetingkap

Sifat screen.availHeight mengembalikan ketinggian skrin pelawat, dalam piksel, tolak ciri antara muka seperti bar tugas tetingkap.

Instance

Mengembalikan ketinggian skrin anda yang tersedia:

<script>
document.write("可用高度: " + screen.availHeight);
</script>

Kod di atas akan mengeluarkan:

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Fahami secara ringkas aplikasi objek window.screen. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!