いくつかのHTMLオブジェクトの座標を取得して、ターゲットレイヤーの座標をより柔軟に設定する必要があります。ここでは、document.body.scrolltopなどの属性を使用できますが、これらの属性はxhtmlの標準Webページで取得されるか、簡単な用語で、<このタグを持っていない場合、すべてが正常なので、XHTMLで身体の座標を取得するにはどうすればよいですか？もちろん、方法があります。 document.documentlementを使用して、document.bodyを置き換えます。たとえば、次のように書くことができます。
コードコピーは次のとおりです。
var top = document.documentlement.scrolltop || document.body.scrootop;
|| JSでは良いことです。 IFの条件付きステートメントだけでなく、変数の割り当てでも使用できます。上記の例は、次の形式で書くことができます。
コードコピーは次のとおりです。
var top = document.documentlement.scrolltop？document.documentelement.scrolltop：document.body.scrolltop;
このようにして、それは良い互換性を持つことができます。注意すべきことの1つは、document.documentlement.scrolltopの値が宣言されていない場合、代わりに0を表示することです。
現在のページでスクロールバー座標の垂直座標位置を取得するための指示：
document.documentlement.scrolltopの代わりに
document.body.scrolltop;
document.documentlement HTMLタグを取得します。
document.bodyはボディタグを取得します。
標準のW3Cでは、document.body.scrolltopは常に0であり、document.documentlement.scrolltopはdocument.documentlement.scrolltopに置き換える必要があります。
ページに対してマウスの絶対位置を見つけたい場合、検索エンジンで得られる結果のほとんどはあなたを使用させることができます
event.clientx+document.body.scrollleft、event.clienty+document.body.scrolltop;
document.body.scrollxオブジェクトはIE5.5の後にはサポートされなくなったため、マウスが想像力から逸脱していることに気付くのは奇妙です。
したがって、1つの文を追加する必要があります。
コードコピーは次のとおりです。
if（document.body && document.body.scrolltop && document.body.scrollleft）
{
top = document.body.scrolltop;
左= document.body.scrollleft;
}
if（document.documentelement && document.documentelement.scrolltop && document.documentlement.scrollleft）
{
top = document.documentelement.scrolltop;
左= document.documentelement.scrollleft;
}
以下は、パラメーターのいくつかの使用法です。
Webページの可視領域幅：document.body.clientwidth;
Webページの目に見える領域の高さ：document.body.clientheight;
Webページの可視領域幅：document.body.offsetwidth; （エッジラインの幅を含む）;
Webページの目に見える領域の高さ：document.body.offsetheight; （エッジの幅を含む）;
Webページの全文幅：document.body.scrollwidth;
Webページの全文：document.body.scrollheight;
Webページは、高レベルで展開されています：document.body.scrolltop;
展開されているWebページの左：document.body.scrollleft;
Webページの主要部分：windows.screentop;
Webページの左のテキストパーツ：windows.screenleft;
高画面解像度：windows.screen.height;
画面解像度の幅：windows.screen.widht;
画面の使用可能なワークスペースの高さ：windows.screen.availheight;
画面利用可能なワークスペース幅：windows.screen.availwidth;
オブジェクトのスクロールの高さを取得：Scrollheight;
オブジェクトの左境界と、ウィンドウ内の現在表示されているコンテンツの左端の間の距離を設定または取得します。
オブジェクトの上部とウィンドウ内の表示可能なコンテンツの上部との間の距離を設定または取得します。
オブジェクトのスクロール幅を取得します：scrollwidth;
レイアウトまたは親座標によって指定された親座標に対するオブジェクトの高さを取得します。
オフセットプロパティによって指定されたレイアウトまたは親座標に対するオブジェクトの計算の左の位置を取得します：offsetLeft;
オフセットトッププロパティで指定されたレイアウトまたは親座標に対するオブジェクトの計算されたトップ位置を取得します。
event.ClientX：ドキュメントに対する水平座標。
Event.Clienty：ドキュメントに対する垂直座標。
event.offsetx：容器に対する水平座標。
Event.Offsety：コンテナに対する垂直座標。
document.documentlement.scrolltop：スクロールの垂直高さを設定します
event.clientx + document.documentelement.scrolltop：ドキュメントに対する水平方向の位置 +垂直方向のスクロール量。