Javascript: Get the available width and height of the browser window and Screen

Javascript: Get the available width and height of the browser window and Screen

1. Get the valid width and height of the browser window (excluding the toolbar and scroll bar)

NOTE: For the top ten visitors, you can use the specified parameter innerwidthto obtain the width. Use document.doc umentElement. clientWidth | document. body. clientWidth to support IE6 and 7.

The height is the same as above.

Var w = window. innerWidth | document.doc umentElement. clientWidth | document. body. clientWidth; var h = window. innerHeight | document.doc umentElement. clientHeight | document. body. clientHeight; x = document. getElementById ("screen_size"); x. innerHTML = "browser's internal window width:" + w + ", height:" + h + ". "

2. Obtain the valid width and height of the screen.

Document. write ("available screen size, width:" + screen. availWidth + ", height:" + screen. availHeight );

3. location-related (obtain web server-related information)

Document. write ("web host domain name:" + location. hostname +"
"); Document. write (" path and file name of the current page: "+ location. pathname +"
"); Document. write (" web host port: "+ location. port +"
"); Document. write (" the web protocol used: "+ location. protocol +"
"); Document. write (" url of the current page: "+ location. href +"
");