ホームページ  >  記事  >  ウェブフロントエンド  >  ブラウザのページ領域サイズを取得するjsメソッド_javascriptスキル

ブラウザのページ領域サイズを取得するjsメソッド_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 17:22:061063ブラウズ

ブラウザのページ領域のサイズを取得します:

コードをコピーします コードは次のとおりです:

//IE では、FireFox と Opera は
document.body.clientWidth
document.body.clientHeight
// を使用して取得できます。非常に簡単で便利です。
//会社のプロジェクト:
//Opera は引き続き
document.body.clientWidth
document.body.clientHeight
//ただし、IE と FireFox は
document .documentElement を使用します。 clientWidth
document.documentElement.clientHeight
//W3C 標準が問題を引き起こしていることが判明しました
//http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. ”>
//この行のタグをページに追加する場合

//IE の場合:
document.body.clientWidth ==>document body. .clientHeight ==> BODY オブジェクトの高さ
document.documentElement.clientWidth ==> 🎜>document.body.clientWidth ==>gt; BODY オブジェクトの幅
document.body.clientHeight ==>gt; 🎜>document.documentElement.clientWidth ==> 可視領域の幅
document.documentElement .clientHeight ==> 可視領域の高さ
//Opera の場合:
document.body.clientWidth = => 表示領域の幅
document.body.clientHeight ==> 表示領域の高さ
document.documentElement.clientWidth ==> ページ オブジェクトの幅 (つまり、BODY オブジェクトの幅とマージンの幅)
document.documentElement.clientHeight ==>gt; ページ オブジェクトの高さ (つまり、BODY オブジェクトの高さとマージンの幅) 高)
//W3C 標準が定義されていない場合、
//IE は次のようになります。 >document.documentElement.clientWidth ==> 0
documentElement.clientHeight ==> 0
//FireFox は次のとおりです:
document.documentElement.clientWidth ==> BODY オブジェクトの幅とマージンの幅を加えたもの) document.documentElement.clientHeight ==>; ページ オブジェクトの高さ (つまり、BODY オブジェクトの高さ) とマージンの高さ)
//オペランドは次のとおりです:
document.documentElement.clientWidth ==>;ページ オブジェクトの幅 (つまり、BODY オブジェクトの幅とマージンの幅を足したもの) document.documentElement.clientHeight ==> ページ オブジェクトの高さ (つまり、BODY オブジェクトの高さとマージンの高さ)

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。