tutorial pengembangan web terbaru
 

Jendela innerWidth dan innerHeight Properti

<Jendela Object

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.innerHeight

Rincian teknis

Kembali Nilai: Sebuah Nomor, mewakili lebar dalam dan / atau tinggi dalam dari area konten jendela browser, dalam piksel

contoh

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