ホームページ > ウェブフロントエンド > jsチュートリアル > jsはWebページの表示領域の高さ、テキスト、画面解像度を取得する_javascriptスキル

jsはWebページの表示領域の高さ、テキスト、画面解像度を取得する_javascriptスキル

WBOY
リリース: 2016-05-16 16:48:03
オリジナル
1983 人が閲覧しました

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
高解像度: ウィンドウ画面。 .height
画面解像度の幅: window.screen.width
画面の利用可能な作業領域の高さ: window.screen.availHeight
画面の利用可能な作業領域の幅: window.screen.availWidth

なかなか覚えられないので、頻繁に見れば覚えられるはずです

これで画像コードを動的に読み込むことができます

コードをコピー コードは次のとおりです。

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