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]
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)
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!