ホームページ  >  記事  >  ウェブフロントエンド  >  jsを介してページの高さと幅を取得します

jsを介してページの高さと幅を取得します

巴扎黑
巴扎黑オリジナル
2017-03-19 17:44:151076ブラウズ

【はじめに】 今日ポップアップダイアログを作っていたら、親ページの幅と高さを取得する方法を発見しました。 ドキュメント本体の clientWidth、ウィンドウ画面の幅、ドキュメント本体のscrollWidth など、いくつかの方法を試した結果、どれも私が望んでいた結果ではないことがわかりました。最後に、今日ポップアップ ダイアログを作成していたときに、親ページの幅を取得する問題と高度なアプローチ。


document.body.clientWidth、window.screen.width、document.body.scrollWidth やその他のメソッド

など、いくつかのメソッドを試した後、どれも私が望んでいた結果ではないことがわかりました。その後、効率的なメソッドを見つけました。メソッドを作成し、すぐに全員と共有します:


高さと幅を取得する必要がある場所にブレークポイントのデバッグ [デバッガー] を追加し、監視ページに document.body を入力して、すべてをチェックします

body 属性で必要な結果を確認する適切でない場合は、「window」と入力して、そのウィンドウの下に適切な属性があるかどうかを確認することもできます。今日、私の問題はこの方法で解決されました。属性は window.innerWidth と window.innerHeight です。

以上がjsを介してページの高さと幅を取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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