memo.xight.org

前 / 次 / memo.xight.org

2006-08-04

JavaScriptでブラウザの表示領域のサイズを取得する方法

- Summary
ブラウザ 表示モード 表示領域の幅を取得するプロパティ 表示領域の高さを取得するプロパティ
IE 6 標準 document.documentElement.clientWidth document.documentElement.clientHeight
IE 6 互換 document.body.clientWidth document.body.clientHeight
FireFox 1.5 標準 document.documentElement.clientWidth document.documentElement.clientHeight
FireFox 1.5 互換 document.body.clientWidth document.body.clientHeight
Opera 9 標準 document.body.clientWidth document.body.clientHeight
Opera 9 互換 document.body.clientWidth document.body.clientHeight

FireFox，Operaのwindow.innerWidth，window.innerHeightでは，スクロールバー自体も含んだサイズとなる．
スクロールバーが表示されている場合には，表示領域のサイズより＋10数px大きいサイズになる．

- Reference
Enjoy×Study - ブラウザの表示領域のサイズを取得する方法
http://d.hatena.ne.jp/onozaty/20060802/p1

Enjoy×Study - ブラウザのスクロールバーで隠れている領域を含むサイズを取得する方法
http://d.hatena.ne.jp/onozaty/20060803/p1
  • このエントリを含むはてなブックマーク
  • このエントリをはてなブックマークに追加
  • このエントリをdel.icio.usに追加
  • このエントリをMM/Memoに追加
カテゴリ: [JavaScript]
[ 固定リンク ]
2006-08 /

Color Reference

ChangeLogを検索
携帯電話からアクセス！

カテゴリ

最近の話題

リンク

過去ログ

Google

QR Code

Powered by chalow

Since
2002-11-28
Update
2008-12-02 10:52
Copyright © 2005 xight.org All Rights Reserved.