Webページは、領域の幅:document.body.clientwidthです
Webページの領域は高い:document.body.clitingheight
Webページは表示されている領域の幅:document.body.offsetwidth(エッジの幅を含む)
Webページの領域は高くなっています:document.body.offsetheight(エッジの幅を含む)
全文ワイド:document.body.scrollwidth
Webページテキストの全文High:document.body.scrollheight
Webページは高く転がっています:document.body.scrolltop
Webページは左側に丸められています:document.body.scrollleft
Webページの一部:window.screentop
Webページテキストの左:window.screenleft
高画面解像度:window.screen.height
画面解像度の幅:window.screen.width
画面利用可能な作業エリアの高さ:window.screen.availheight
画面利用可能な作業領域の幅:window.screen.availwidth
HTML正確な位置
Scrollheight:オブジェクトのスクロールの高さを取得します。
scrollleft:オブジェクトの左境界とウィンドウの現在見えるコンテンツの左端の間の距離を設定または取得します
スクロールトップ:オブジェクトの上部とウィンドウの上部の間の距離を設定または取得します
scrollwidth:オブジェクトのスクロール幅を取得します
offseTheight:取得オブジェクトによって相殺された属性によって指定された親座標の高さ
offsetLeft:offsetParent属性によって指定された家父長制の家父長的座標の計算左の位置
オフセット:オフセットトップ属性によって指定されたパターンの家父長的座標の計算の最上位
event.clientxの相対文書の水平座標
event.clientyの相対文書の垂直座標
event.offsetx相対容器の水平座標
event.offsetyの垂直座標
document.documenetelement.scrolltop Valted Valley Rolling Valley
event.clientx+document.documentlement.scrolltop相対文書の水平シートラベル+ローリング垂直ローリングの量
つまり、Firefoxの違いは次のとおりです。
IE6.0、FF1.06+:
clientWidth =幅 +パディング
clientheight = height + padding
offsetWidth =幅 +パディング +ボーダー
offsetheight = height + padding + border
IE5.0/5.5:
clientWidth = width -border
clientheight = height -border
offsetWidth = width
offseetheight = height
(言及する必要があります:CSSのマージン属性は、clientWidth、offsetWidth、clientheight、offighteightに関連していません)
====================================================
昨日、私はプロジェクトのいくつかのページを交換しました。 document.documenetelement.clientwidthなどの文によって得られたページ幅によって得られる幅は0です。いくつかのGoogleの後、私はそれが新しいページのW3C標準への参照がないことであり、document.documentedment.clientWidthの障害をもたらすことに気付きました:
<
この行をページに追加する場合
IEで:
document.body.clientwidth ==>ボディオブジェクト幅
document.body.clitingheight ==>ボディオブジェクトの高さ
document.documentelement.clientwidth ==>可視領域幅
document.documentelement.clientheight ==>可視領域の高さ
Firefox :
document.body.clientwidth ==>ボディオブジェクト幅
document.body.clitingheight ==>ボディオブジェクトの高さ
document.documentelement.clientwidth ==>可視領域幅
document.documentelement.clientheight ==>可視領域の高さ
オペラで:
document.body.clientwidth ==>可視領域の幅
document.body.clitingheight ==>目に見える領域の高さ
document.documentlement.clientwidth ==>ページオブジェクト幅(つまり、ボディオブジェクトの幅とマージン幅)
document.documentelement.clientheight == >>ページオブジェクトの高さ(つまり、ボディオブジェクトの高さとマージンの高さ)
そして、W3Cの標準的な定義がない場合、
すなわち:
document.documentelement.clientwidth ==> 0
document.documentelement.clientheight ==> 0
Firefoxは次のとおりです。
document.documentelement.clientwidth ==>ページオブジェクト幅(つまり、ボディオブジェクトの幅とマージン幅の幅)document.documenetelement.clientheight ==>ページフェイスオブジェクトの高さ(つまり、ボディオブジェクトの高さとマージンの高さの高さ)
オペラは次のとおりです。
document.documentelement.clientwidth ==>ページオブジェクト幅(つまり、ボディオブジェクトの幅とマージン幅の幅)document.documenetelement.clientheight ==>ページフェイスオブジェクトの高さ(つまり、ボディオブジェクトの高さとマージンの高さの高さ)