superwei

导航

<2024年11月>
272829303112
3456789
10111213141516
17181920212223
24252627282930
1234567

统计

常用链接

留言簿(4)

随笔分类

随笔档案

文章分类

文章档案

搜索

最新评论

阅读排行榜

评论排行榜

显示浏览器名称与版本--《精通JavaScript动态网页编程》

--> http://book.51cto.com/art/200710/58021.htm
使用JavaScript还可以显示用户浏览器名称、版本号及其他信息。本节给出一个相关的实例。

技术要点
本节代码主要使用了Navigator对象的一些属性,其主要功能和用法如下。

进行浏览器检测主要使用Navigator对象,其属性经常用于浏览器版本检测。如果程序中有不能兼容多种浏览器的代码时,就需要进行版本的检测,分别为不同的版本编写各自的代码。

JavaScript的Navigator对象提供了用于检测的性能。Navigator的属性最常应用于浏览器版本检测,这些属性名的用法为“navigator.属性名”。

属性appCodeName包含用户浏览器的名称,兼容所有浏览器。但由于历史原因,通常会返回Mozilla。

属性appName包含浏览器的官方名称,兼容所有浏览器。

属性appVersion包含浏览器的版本,兼容所有浏览器。

属性appMinorVersion包含浏览器的子版本号,仅支持仅支持Internet Explorer。

属性userAgent包含浏览器传送到服务器的完整的用户代理值,兼容所有浏览器。
实现代码
<!------------------------------文件名:30.1.htm------------------------------>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>显示浏览器名称与版本</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
</head>
<body>
<h1>显示浏览器名称与版本</h1><hr>
<script type="text/javascript">
<!--
var browserName = navigator.appName;  //获取浏览器官方名称
var codeName=navigator.appCodeName;   //获取浏览器用户名称
var browserVersion = parseFloat(navigator.appVersion); //获取浏览器版本
var minorVersion=navigator.appMinorVersion; //获取浏览器子版本号
var userAgent = navigator.userAgent; //获取浏览器商家信息
            //分别显示输出
document.write("自定义信息 : "+userAgent + "<br>");
document.write("浏览器官方名称 : "+ browserName+"<br>");
document.write("用户浏览器名称 : "+ codeName+"<br>");
document.write("浏览器版本 : "+browserVersion+"<br>");
document.write("浏览器子版本 : "+minorVersion+"<br>");
// -->
</script>

<!--对不支持JavaScript的浏览器,显示无法检测-->
<noscript>
浏览器不支持JavaScript,无法检测。
</noscript>
</body>
</html>

使用IE运行上面的程序,会出现如图30.1所示的结果。使用Mozilla FireFox运行上面的程序,会出现如图30.2所示的结果。

图30.1  IE中的显示结果

 图30.2  Mozilla中的显示结果


源程序解读
(1)程序分为3个部分。第1部分分别获取浏览器的相关信息,并将这些信息分别存储在不同的变量中。
(2)程序的第2部分,分别使用document.write ( )将获取的浏览器信息显示出来,每条信息单独显示一行。
(3)程序的第3部分,对于不支持JavaScript的浏览器,使用文本信息显示出来。

posted on 2008-04-25 10:42 小辞猬 阅读(757) 评论(0)  编辑  收藏 所属分类: ASP.NET


只有注册用户登录后才能发表评论。


网站导航: