ホームページ > ウェブフロントエンド > jsチュートリアル > jsを使ってWebページの高さを取得する方法と従来のマージン計算について詳しく解説

jsを使ってWebページの高さを取得する方法と従来のマージン計算について詳しく解説

伊谢尔伦
リリース: 2017-06-16 10:13:51
オリジナル
1274 人が閲覧しました

js または jquery はどのようにして Web ページの一般的な高さまたは幅を取得できるのでしょうか? エディターがそれをまとめましたので、見てみましょう。

jsを使ってWebページの高さを取得する方法と従来のマージン計算について詳しく解説

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 ページの主要部分: window.screenTop;
Web ページのテキスト部分の左側: window.screenLeft;
画面解像度の高さ: window.screen.height;
画面解像度の幅: window.screen.width;
画面利用可能な作業領域の高さ: window.screen.availHeight;
画面利用可能な作業領域領域の幅: window.screen.availWidth;


scrollHeight: オブジェクトのスクロールの高さを取得します。
scrollLeft: オブジェクトの左端とウィンドウ内で現在表示されているコンテンツの左端との間の距離を設定または取得します。
scrollTop: オブジェクトの最上端と表示されている最上端との間の距離を設定または取得しますウィンドウ内のコンテンツ
scrollWidth: オブジェクトのスクロール幅を取得します
offsetHeight: レイアウトまたは offsetParent プロパティで指定された親座標を基準としたオブジェクトの高さを取得します
offsetLeft: オブジェクトの高さを取得しますoffsetParent プロパティで指定されたレイアウトまたは親座標を基準としたオブジェクトの左位置を計算します
offsetTop: レイアウトまたは offsetTop 属性で指定された親座標を基準としたオブジェクトの計算された上部位置を取得します
event.clientXドキュメントを基準とした水平座標
event.clientY ドキュメントを基準とした垂直座標 FEvent.OffSetX コンテナの水平座標

Event.Offset のコンテナの垂直座標
Document.documentlement.scrolltop 値 ローリングValley
Document.documentEle MENT.Scrolltop 相対ドキュメント 水平座標 + 垂直スクロール量
Post by molong on 2009-05-19 11:57 PM #1
の垂直座標位置を取得するには現在のページのスクロール バーでは、

document.body.scrollTop;
document.document. documentElement.scrollTop;
を使用します。html タグに対応し、body は本文に対応します。鬼ごっこ。
標準の w3c では、 document.body.scrollTop は常に 0 であり、 document.documentElement.scrollTop; に置き換える必要があります
ページに対するマウスの絶対位置を配置したい場合は、次のようになります。 Google の 1000 件の記事のうち、999.99 件では、event.clientX+document.body.scrollLeft、event.clientY+document.body.scrollTop を使用できるようになります。マウスの位置が想像と異なっていても驚かないでください。これもまた普通の事ばかりです。

document.body.scrollX オブジェクトは、ie5.5 以降はサポートされなくなりました。 なのでプログラミングするときはこの判断も加えてください

if (document.body && document.body.scrollTop && document.body.scrollLeft)
{
top=document.body.scrollTop;
left=document.body.scrollleft;    
}
if (document.documentElement && document.documentElement.scrollTop && document.documentElement.scrollLeft)
{
top=document.documentElement.scrollTop;
left=document.documentElement.scrollLeft;
}
ログイン後にコピー



以上がjsを使ってWebページの高さを取得する方法と従来のマージン計算について詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート