30.6 简单的性能检测
本节给出一段求平方根的示例代码，可以实现对整数、负数进行求平方根。并且，可对对用户输入的内容是不是数值进行验证。
技术要点
本节代码主要使用了Navigator对象的相关属性，主要功能和用法如下。
Navigator对象包含了客户端浏览器的一些信息，常用作浏览器检测，同时，还支持用户信息检测、客户端语言检测、操作系统信息检测等。Navigator对象的属性很多，且都是只读属性。
appCodeName属性返回客户端浏览器的代码名称，appMinorVersion属性返回客户端浏览器的版本号。
appName属性返回客户端浏览器的名称，appVersion属性返回客户端浏览器的版本信息。
browserLanguage属性返回浏览器或操作系统所使用的语言。IE4返回浏览器的语言，而IE5+则返回操作系统语言。该属性不随用户改变默认的语言设置而改变。
cookieEnabled属性返回浏览器对Cookie的支持情况。表示的是浏览器能否支持Cookie，不随用户禁用或启用Cookie而改变。
cpuClass属性返回客户端计算机的CPU类型。platform属性返回浏览器运行所在的操作系统类别。
onLine属性只有两个值，返回浏览器是在线（online）还是离线（offline）。
systemLanguage属性返回操作系统使用的语言。userLanguage返回用户设置的操作系统默认语言。
实现代码
<!------------------------------文件名：30.5.htm------------------------------>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<title>有选择地显示图片</title>
</head>
<body>
<h1>有选择地显示图片</h1><hr>
<script type="text/javascript">
<!--
if (window.screen)
{ // 判断用户屏幕分辨率
//如果用户显示器的显示颜色不低于8位（256色）
if (screen.colorDepth> 8)
{
//显示higherpix.gif图片
document.writeln("你显示器的显示颜色不低于8位<br><br>");
document.writeln('<img src="higherpix.gif">');
}
else
{
//否则，显示safecolors.gif图片
document.writeln("你显示器的显示颜色低于8位<br><br>");
document.writeln('<img src="lowerpix.gif">');
}
}
else
{
document.writeln("你显示器的显示颜色低于8位<br><br>");
document.writeln('<img src="lowerpix.gif">');
}
// -->
</script>
<!-- 对于不支持JavaScript代码的浏览器：显示safecolors.gif图片 -->
<noscript>
<img src="lowerpix.gif">
</noscript>
</body>
</html> |
运行该程序后，出现如图30.15所示的显示结果。
 |
| 图30.15 代码30.6.htm显示结果 |
源程序解读（1）程序使用document.write( )语句建立了一个表格。表格主体含4个单元格，分别显示“显示器性能”、“浏览器性能”、“系统与连接性能”和“语言性能”。
（2）在“显示器性能”中，使用height和width显示显示器的高度和宽度，使用availHeight和availWidth显示显示器的可用高度和可用宽度，使用colorDepth显示显示器的颜色设置。
（3）在“浏览器性能”，使用cookieEnabled显示浏览器是否支持Cookie，使用javaEnabled显示浏览器是否支持Java。
（4）在“系统与连接性能”中，使用connectionType显示用户当前的连接类型，使用cpuClass显示用户计算机的CPU类型，使用platform显示用户所用的操作系统类型。
（5）在“语言性能”中，使用systemLanguage显示用户操作系统的默认语言，使用userLanguage显示用户浏览器当前所用的语言。
【责任编辑：
杜书 TEL：（010）68476606】
相关文章
