JS obtains web page attributes including width, height, etc.

The code copy is as follows:

function getInfo()

{

var s = "";

s += "Visible area width of the web page: "+ document.body.clientWidth+" ";

s += "Visible area height of the web page: "+ document.body.clientHeight+" ";

s += "Visible area width of the web page: "+ document.body.offsetWidth + " (including width of edges and scroll bars)"+" ";

s += "Visible area height of the web page: "+ document.body.offsetHeight + " (including the width of the edge)"+" ";

s += " The full text width of the web page body: "+ document.body.scrollWidth+" ";

s += " Full text of the web page: "+ document.body.scrollHeight+" ";

s += " The high (ff) of the web page being rolled out: "+ document.body.scrollTop+" ";

s += " The high (ie) of the web page being rolled off: "+ document.documentElement.scrollTop+" ";

s += " The left of the web page being rolled out: "+ document.body.scrollLeft+" ";

s += " On the web page body part: "+ window.screenTop+" ";

s += " left of the web page text part: "+ window.screenLeft+" ";

s += " High screen resolution: "+ window.screen.height+" ";

s += " Width of screen resolution: "+ window.screen.width+" ";

s += " Screen Available Workspace Height: "+ window.screen.availHeight+" ";

s += " Screen Available Workspace Width: "+ window.screen.availWidth+" ";

s += "Your screen settings are "+ window.screen.colorDepth +" bit color "+" ";

s += "Your screen settings"+window.screen.deviceXDPI +" pixel/inch "+" ";

s += " window's page visual part actual height (ff) "+window.innerHeight+" ";

alert (s);

};