window.innerWidth özelliği, tarayıcı penceresinde sayfanın, görünen kısmının genişliğini verir.
Sözdizimi
genislik = window.innerWidth
Dönüş Değeri
| genislik | Pencerenin içerik bölümünün piksel olarak genişliği. |
Aşağıdaki örnek, sayfanın görünen kısmının genişliğinin window.innerWidth ile öğrenilip innerHTML ile div içine yazdırılmasını göstermektedir.
<input type="button" value="Tazele" onClick="boyGoster()"/>
<div id="bilgiKutu"></div>
<script type="text/javascript">
function boyGoster()
{
var bilgi = document.getElementById('bilgiKutu');
bilgi.innerHTML = "Sayfa Genişliği : " + window.innerWidth;
}
boyGoster();
</script>
Canlı Sonuç