1. screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如任务栏。

2. screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如任务栏。

注意:

不同系统的任务栏默认高度不一样，及任务栏的位置可在屏幕上下左右任何位置，所以有可能可用宽度和高度不一样。

我们来获取屏幕的可用高和宽度，代码如下：

<script type="text/javascript">
document.write("可用宽度：" + screen.availWidth);
document.write("可用高度：" + screen.availHeight);
</script>

屏幕分辨率的高和宽

window.screen 对象包含有关用户屏幕的信息。
1. screen.height 返回屏幕分辨率的高
2. screen.width 返回屏幕分辨率的宽
注意:
1.单位以像素计。
2. window.screen 对象在编写时可以不使用 window 这个前缀。
我们来获取屏幕的高和宽，代码如下:

<script type="text/javascript">   document.write( "屏幕宽度："+screen.width+"px<br />" );   document.write( "屏幕高度："+screen.height+"px<br />" ); </script>

<meta http-equiv="refresh" content="1"><!--设置该页面每隔一秒钟刷新--> 

window.screen.属性
属性 描述
availHeight 窗口可以使用的屏幕高度，单位像素
availWidth 窗口可以使用的屏幕宽度，单位像素
colorDepth 用户浏览器表示的颜色位数，通常32位 (每像素的位数)
pixelDepth 用户浏览器表示的颜色位数,通常32位 （IE 不支持此属性） （每像素的位数)
height 屏幕的高度，单位像素
width 屏幕的宽度，单位像素

userAgent

返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)

语法

navigator.userAgent

几种浏览的user_agent.，像360的兼容模式用的是IE、极速模式用的是chrom的内核。

使用userAgent判断使用的是什么浏览器(假设使用的是IE8浏览器),代码如下:

function validB(){    var u_agent = navigator.userAgent;    var B_name="Failed to identify the browser";    if(u_agent.indexOf("Firefox")>-1){        B_name="Firefox";    }else if(u_agent.indexOf("Chrome")>-1){        B_name="Chrome";    }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){        B_name="IE(8-10)";     }     document.write("B_name:"+B_name+"<br>");     document.write("u_agent:"+u_agent+"<br>");  }

运行结果: