JS get screen resolution and current object size, etc.

1<script type= "Text/javascript" >2 functionGetInfo () {3      vars = ""; 4s + = "page visible area width:" + document.body.clientwidth+ "\ n"; 5s + = "page visible Area High:" + document.body.clientheight+ "\ n"; 6s + = "page visible area width:" + document.body.offsetWidth + "(including Edge and scroll bar width)" + "\ n"; 7s + = "page visible Area High:" + Document.body.offsetHeight + "(including edge width)" + "\ n"; 8s + = "page body Full text width:" + document.body.scrollwidth+ "\ n"; 9s + = "page body full text High:" + document.body.scrollheight+ "\ n"; Tens + = "page is rolled high (FF):" + document.body.scrolltop+ "\ n";  Ones + = "page is being rolled high (ie):" + document.documentelement.scrolltop+ "\ n";  As + = "page is rolled away left:" + document.body.scrollleft+ "\ n";  -s + = "page body part:" + window.screentop+ "\ n";  -s + = "page body part left:" + window.screenleft+ "\ n";  thes + = "screen resolution High:" + window.screen.height+ "\ n";  -s + = "screen resolution width:" + window.screen.width+ "\ n";  -s + = "screen usable workspace height:" + window.screen.availheight+ "\ n";  -s + = "screen usable workspace width:" + window.screen.availwidth+ "\ n";  +s + = "Your screen settings are" + window.screen.colorDepth + "bit color" + "\ n";  -s + = "your screen settings" + Window.screen.deviceXDPI + "pixel/inch" + "\ n";  + alert (s); A     } at getInfo (); -</script>

Extension, the syntax for setting the width of all input boxes in the interface is as follows:

1<script type= "Text/javascript" >2         //set the width of all text boxes based on screen resolution3         varwidth = window.screen.width;//resolution width4         varInputwidth = (width-250)/2 * 0.90;//Scene is a table with 4 columns, namely column name 1, column value 1, column name 2, column value 2;250 is the width of the menu bar, divided by 2, which is the width of the TD (Column value 2) of each text box .5         varDoms = document.getElementsByTagName ("Input");6         if(Doms! = undefined && doms! =NULL&& doms.length > 0) {7              for(vari = 0; i < doms.length; i++) {8Doms[i].style.width = inputwidth + "px";9              }Ten          } One</script>

Transferred from: http://www.cnblogs.com/tearer/archive/2010/09/06/1819471.html

JS get screen resolution and current object size, etc.