javascriptでHTML描画領域を取得する方法

javascript

標準モードの場合

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

var 表示領域の幅   = document.documentElement.clientWidth;
var 表示領域の高さ = document.documentElement.clientHeight;

var 画面左上のX座標 =
    (document.documentElement.scrollLeft > 0)
        ? document.documentElement.scrollLeft
        : document.body.scrollLeft;

var 画面左上のY座標 =
    (document.documentElement.scrollTop > 0)
        ? document.documentElement.scrollTop
        : document.body.scrollTop;

互換モードの場合

doctype 宣言がなしだと互換モードだよ

var 表示領域の幅   = document.documentElement.clientWidth;
var 表示領域の高さ = document.documentElement.clientHeight;
var 画面左上のX座標 = document.documentElement.scrollLeft;
var 画面左上のY座標 = document.documentElement.scrollTop;

via http://d.hatena.ne.jp/sutara_lumpur/20090220/1235116259