Fahami secara ringkas aplikasi objek window.screen

WBOY
Lepaskan: 2022-08-05 10:34:25
asal
1875 orang telah melayarinya

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.

Fahami secara ringkas aplikasi objek window.screen

[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");
Salin selepas log masuk

Sama seperti ini:

document.getElementById("header");
Salin selepas log masuk

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
Salin selepas log masuk

atau

document.body.clientHeight document.body.clientWidth
Salin selepas log masuk

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;
Salin selepas log masuk

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>
Salin selepas log masuk

Output kod di atas ialah:

Fahami secara ringkas aplikasi objek window.screen

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>
Salin selepas log masuk

Kod di atas akan mengeluarkan:

Fahami secara ringkas aplikasi objek window.screen

[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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan