ผลกระทบมีดังนี้:
รหัสมีดังนี้:
<html> <head> <title> รับขนาดวัตถุและความละเอียดหน้าจอปัจจุบัน ฯลฯ </title> <body> <div style = "ความกว้าง: 88%; มาร์จิ้น: 30px auto; color: blue;" id = "div_html"> </div> <script type = "text/javascript"> var s = ""; s+= "หน้าเว็บที่มองเห็นได้ความกว้างพื้นที่:"+document.body.clientwidth+"<br />"; s+= "หน้าเว็บที่มองเห็นได้สูงพื้นที่:"+document.body.clientheight+"<br />"; s+= "หน้าเว็บที่มองเห็นได้ความกว้างพื้นที่:"+document.body.offsetWidth+"<br />"; s+= "หน้าเว็บที่มองเห็นได้ความกว้างพื้นที่:"+document.body.offsetWidth+"(รวมถึงความกว้างของขอบและแถบเลื่อน)"+"<br />"; s + = "ความสูงของพื้นที่ที่มองเห็นได้ของหน้าเว็บ:" + document.body.offsetheight + "(รวมถึงความกว้างของขอบ)" + "<br />"; s+= "ความกว้างข้อความแบบเต็มของหน้าเว็บ:"+document.body.scrollwidth+"<br />"; s+= "ความสูงข้อความเต็มของหน้าเว็บ:"+document.body.scrollheight+"<br />"; s+= "ความสูงของหน้าเว็บที่กำลังเปิดตัว:"+document.body.scrolltop+"<br />"; s+= "ความสูงของหน้าเว็บที่กำลังเปิดตัว:"+document.documentelement.scrolltop+"<br />"; s+= "ความสูงของหน้าเว็บที่กำลังเปิดตัว:"+document.documentelement.scrolltop+"<br />"; s+= "ความสูงของหน้าเว็บที่กำลังเปิดตัว:"+document.documentelement.scrolltop+"<br />"; s+= "ความสูงของหน้าเว็บที่กำลังเปิดตัว:"+document.documentelement.scrolltop+"<br />"; s+= "ความสูงของหน้าเว็บที่กำลังเปิดตัว:"+document.documentElement.scrolltop+"<br />" /> "; s+=" ด้านซ้ายของเว็บเพจที่ถูกเปิดตัว: "+document.body.scrollleft+" <br /> "; s+=" บนหน้าเว็บ "+window.screenleft+" <br /> "; s+=" ความสูงของความละเอียดหน้าจอ: "+window.screen.height+" <br /> "; s+=" ความกว้างของความละเอียดของหน้าจอ: "window.screen.width+" <br /> "; s+=" ความสูงของหน้าจอ "ความกว้างของหน้าจอที่ใช้งานได้:"+window.screen.availwidth+"<br />"; document.getElementById ("div_html"). innerhtml = s; </script> </body> </html>รหัสคำอธิบายรหัสมีดังนี้: