tutorial pengembangan web terbaru
 

Jendela outerWidth dan outerHeight Properti

<Jendela Object

Contoh

Dapatkan tinggi dan jendela lebar: (including toolbars/scrollbars) :

var w = window.outerWidth;
var h = window.outerHeight;
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

Properti outerWidth mengembalikan lebar luar jendela, termasuk semua elemen antarmuka (like toolbars/scrollbars) .

Properti outerHeight mengembalikan ketinggian luar jendela, termasuk semua elemen antarmuka (like toolbars/scrollbars) .

Properti ini hanya-baca.

Tip: Gunakan innerWidth dan innerHeight properti untuk mendapatkan lebar / tinggi tanpa toolbar / scrollbars.


Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.

Milik
outerWidth 1.0 9.0 1.0 3.0 9.0
outerHeight 1.0 9.0 1.0 3.0 9.0

Sintaksis

window.outerWidth
window.outerHeight

Rincian teknis

Kembali Nilai: Sebuah Nomor, mewakili lebar luar dan / atau ketinggian luar jendela browser, termasuk semua elemen antarmuka, dalam piksel

contoh

Contoh lebih

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