Örnek
: Pencerenin yüksekliğini ve genişliğini alın (NOT including toolbars/scrollbars) :
var w = window.innerWidth;
var h = window.innerHeight;
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
innerWidth özelliği bir pencere içeriği alanının iç genişliğini döndürür.
innerHeight tesiste pencerenin içerik alanının iç yüksekliğini döndürür.
Bu özellikler salt okunur.
İpucu: kullan outerWidth ve outerHeight araç çubukları / kaydırma çubukları ile genişlik / yükseklik almak için özelliklerini.
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| innerWidth | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
| innerHeight | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
Note: IE8 için ve öncesinde kullanabileceğiniz clientWidth ve clientHeight özelliklerini (See "More Examples" below) .
Sözdizimi
window.innerWidth
window.innerHeightTeknik detaylar
| Geri dönüş değeri: | piksel iç genişlik ve / veya tarayıcı penceresinin içerik alanının iç yüksekliği, temsil eden bir sayı, |
|---|
Diğer Örnekler
Örnek
(ClientWidth ve IE8 için clientHeight ve önceki kullanarak) bir çapraz tarayıcı çözüm:
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; Kendin dene " Örnek
bir örnekte innerWidth, innerHeight, outerWidth ve outerHeight bir gösteri:
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>"; Kendin dene " <Pencere Nesne