Contoh
Dapatkan ketinggian jendela dan lebar: (NOT including toolbars/scrollbars) :
var w = window.innerWidth;
var h = window.innerHeight;
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
Properti innerWidth mengembalikan lebar bagian dalam area konten sebuah jendela.
Properti innerHeight mengembalikan ketinggian batin area konten sebuah jendela.
Properti ini hanya-baca.
Tip: Gunakan outerWidth dan outerHeight properti untuk mendapatkan lebar / tinggi dengan toolbar / scrollbars.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| innerWidth | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
| innerHeight | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
Note: Untuk IE8 dan sebelumnya, Anda dapat menggunakan clientWidth dan clientHeight sifat (See "More Examples" below) .
Sintaksis
window.innerWidth
window.innerHeightRincian teknis
| Kembali Nilai: | Sebuah Nomor, mewakili lebar dalam dan / atau tinggi dalam dari area konten jendela browser, dalam piksel |
|---|
Contoh lebih
Contoh
Sebuah solusi lintas-browser (menggunakan clientWidth dan clientHeight untuk IE8 dan sebelumnya):
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; Cobalah sendiri " Contoh
Sebuah demonstrasi innerWidth, innerHeight, outerWidth dan outerHeight dalam satu contoh:
var txt = "";
txt += "<p>innerWidth: " + window.innerWidth + "</p>";
txt +=
"<p>innerHeight: " + window.innerHeight + "</p>";
txt += "<p>outerWidth: " + window.outerWidth + "</p>";
txt += "<p>outerHeight:
" + window.outerHeight + "</p>"; Cobalah sendiri " <Jendela Object