効果は次のとおりです。
コードは次のとおりです。
<html> <head> <title>現在のオブジェクトサイズと画面解像度などを取得します。 id = "div_html"> </div> <script type = "text/javascript"> var s = ""; s+= "Webページ可視領域幅："+document.body.clientwidth+"<br />"; s+= "Webページ可視領域の高さ："+document.body.clientheight+"<br />"; s+= "Webページ可視領域幅："+document.body.offsetwidth+"<br />"; s+= "Webページ可視領域幅："+document.body.offsetwidth+"（エッジとスクロールバーの幅を含む）"+"<br />"; s + = "Webページの可視領域の高さ：" + document.body.offsetheight + "（エッジの幅を含む）" + "<br />"; s+= "Webページの全文幅："+document.body.scrollwidth+"<br />"; s+= "Webページの全文高さ："+document.body.scrollheight+"<br />"; s+= "展開されているWebページの高さ："+document.body.scrolltop+"<br />"; s+= "展開されているWebページの高さ："+document.documentlement.scrolltop+"<br />"; s+= "展開されているWebページの高さ："+document.documentlement.scrolltop+"<br />"; s+= "展開されているWebページの高さ："+document.documentlement.scrolltop+"<br />"; s+= "展開されているWebページの高さ："+document.documentlement.scrolltop+"<br />"; s+= "展開されているWebページの高さ："+document.documentlement.scrolltop+"<br />" /> "; s+="展開されているWebページの左側： "+document.body.scrollleft+" <br /> "; s+=" "+window.screenleft+" <br /> "; s+="画面解像度の高さ： "+window.screen.height+" <br /> "; s+="画面解像度の幅： "+window.screen.width+" <br /> "; s+="画面の利用可能なワークスペースの幅： "+window.screen.availwidth+" <br /> "; s+=" screen settingは "+window.screen.colordepth+"ビットカラー "+" <br /> "; s+="あなたの画面設定 "+windows.screen.devicexdpi+ document.getElementById（ "div_html"）。innerhtml = s; </script> </body> </html>
コード説明図は次のとおりです。