频 道 直 达 - 新闻 - 培训 - 软件 - 教程 - 前沿 - 组网 - 系统应用 - 安全 - 编程 - 存储 - 操作系统 - 数据库 - 服务器 - 专题 - 产品 - 案例库 - 读书 - 博客 - BBS
51CTO.COM_中国最大的网络技术网站
找资料:

30.2 JavaScript检测

作者: 王润森、王俊杰 出处:人民邮电出版社  2007-10-15 16:10    砖    好    评论   进入论坛
阅读提示:《精通JavaScript动态网页编程》第三十章主要讲的是浏览器与性能检测,本节介绍了JavaScript检测。

30.2  JavaScript检测

可以对浏览器是否支持JavaScript、支持何种版本的JavaScript进行检测,以便在编写代码时采取相应的措施。本节实例给出相关的一个应用。

技术要点
本节代码主要使用了标签和JavaScript版本检测,其主要功能和用法如下。

当浏览器不支持JavaScript时,可以使用标签,在其中写入相应的HTML代码。这样,当用户浏览器不支持或JavaScript时,就会显示该标签内的信息。

在<script>标签中,可以增加JavaScript的版本号,例如“<script language= "JavaScript1.0">”。这样,当浏览器支持该版本的JavaScript时,就会执行该标签内的代码,否则,该标签中的代码会被浏览器忽略。

实现代码

 <!------------------------------文件名:30.2.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>JavaScript检测</title></head>
<body>
<h1>JavaScript检测</h1><hr>

<!--JavaScript支持性检测-->
<script type="text/javascript">
<!--
//如果浏览器支持JavaScript,会显示相关信息
document.write("本页面包含JavaScript!你的浏览器支持JavaScript!<br><br>");

//检测浏览器是否支持图像翻转
if (document.images)
document.write("你的浏览器支持图像翻转!");  //显示支持信息
else
document.write("你的浏览器不支持图像翻转!");  //显示不支持信息
// -->
</script>

<!--JavaScript版本检测-->
<script language="JavaScript1.0">
var version="1.0";
document.write("<br><br>浏览器支持的JavaScript版本为:"+version);
</script>
<script language ="JavaScript1.1">
var version="1.1";
document.write("<br><br>浏览器支持的JavaScript版本为:"+version);
</script>
<script language="JavaScript1.2">
var version="1.2";
document.write("<br><br>浏览器支持的JavaScript版本为:"+version);
</script>
<script language="JavaScript1.5">
var version="1.5";
document.write("<br><br>浏览器支持的JavaScript版本为:"+version);
</script>

<!--如果浏览器不支持JavaScript,浏览器会显示相应的信息-->
<noscript>
<pre>
你的浏览器不支持JavaScript,

这里是不包含JavaScript的页面!
<p>单击<a href="noscript.htm">这里</a>访问非JavaScript页面</p>
</pre>
</noscript>
</body>
</html>

使用IE打开上面的程序,会出现如图30.3所示的结果。使用Mozilla Firefox打开上面的程序,会出现如图30.4所示的结果。如果两个浏览器都不支持JavaScript,会分别显示如图30.5和图30.6所示的结果。

   图30.3  IE中的显示结果 
  图30.4  Moziila中的显示结果
 图30.5  禁用JavaScript后IE中的显示结果
图30.6  禁用JavaScript后Moziila中的显示结果

源程序解读
(1)程序分为3个部分。第1部分是对JavaScript支持性检测;第2部分是对JavaScript版本的检测;第3部分是当浏览器不支持JavaScript时,给出的提示信息。

(2)在程序的第一部分中,首先显示信息,提示浏览器支持JavaScript,然后,通过对document.images进行判断,根据不同结果,显示不同的提示信息。

(3)在程序的第3部分,在标签中加入说明信息,当用户的浏览器不支持或禁用JavaScript时会显示。

(4)要在IE中看到

(5)要在Mozilla FireFox中看到

【责任编辑:杜书 TEL:(010)68476606】

回书目   上一节   下一节
专题
浏览器的战国时代
IDS入侵检测
Ajax+JSP网站开发从入门到精通
ASP.NET Ajax网站开发从入门到精通
非常网管——网络管理从入门到精通
我也说两句

匿名发表

(如果看不清请点击图片进行更换)


中 国 最 大 的 网 络 技 术 网 站 ·
技 术 成 就 梦 想
订阅技术快讯
电子杂志下载
名称:SQL Server数据库管理精品黄皮书
简介:书中文章经过精挑细选,便于用户能根据自己的实际工作和学习,快速在本书寻找到相关资料。内容涵盖了SQL Server的安装与升级、语句查询、数据备份和恢复、自动化任务、数据同步、数据字典、安全和预防、性能和优化、集群等各方面应用信息,以及DBA管理人员在数据库管理工作中
名称:2007路由技术大全
简介:《2007路由技术大全》由51CTO.com网站特别策划制作,该书包括路由器技术、路由器产品、路由器配置、安全设置、路由器故障处理、路由器密码恢复,以及广大网友在实践使用中的心得经验和技巧文章,内容注重实用性,适用于初学者入门,也适合多年从业者提高,是一本实践和理论完
名称:网络安全精品应用黄皮书
简介:《2007精品网络安全黄皮书》包括了9个大类24个小类, 800余篇文章,内容包含了熊猫烧香病毒、DDOS攻击、ARP病等热点问题的介绍及解决方案。从病毒查杀、防范、系统、数据等各方面的安全设置到黑客技术的了解、防范,涉及到了安全应用的全部领域, 由浅至深内容全面。
浏览器的战国时代
浏览器的战国时代
ARP攻击防范与解决方案
ARP攻击防范与解决方案
NAC安全访问控制
NAC安全访问控制
· NAC安全访问控制
· 网络布线测试仪器
· Windows Server 2008专..
· Windows远程桌面应用
· 网络故障排除宝典
· 运营商封堵ADSL共享 中..
· 解析35岁技术人的价值..
· 世纪枭雄比尔盖茨的王..
· 主流品牌防火墙配置
· ASP.NET开发教程
· 超级计算机TOP500专题
· Vista SP1对决XP SP3
· SQL Server 2008/2005..
· 程序员如何成长?
· C#技术开发指南
· 虚拟化技术还有点“虚”
ARP攻击防范与解决方案
ARP攻击防范与解决方案
SQL Server 2008/2005全解
SQL Server 2008/2005全解
SOA 面向服务架构
SOA 面向服务架构
· SOA 面向服务架构
· SQL Server 2008/2005..
· Apache技术专题
· 三层交换技术专题
· SQL Server入门到精通
· Windows远程桌面应用
· C#技术开发指南
· Apache技术专题
· Windows集群服务应用
· C#技术开发指南
· 国际文档格式标准开战
· 路由器设置与口令恢复
· Linux 集群技术专题
· PHP开发应用手册
· SOA 面向服务架构
· 企业数据恢复指南
ARP攻击防范与解决方案
ARP攻击防范与解决方案
SQL Server 2008/2005全解
SQL Server 2008/2005全解
SQL Server入门到精通
SQL Server入门到精通
· SQL Server入门到精通
· SQL Server 2008/2005..
· SOA 面向服务架构
· Apache技术专题
· C#技术开发指南
· 三层交换技术专题
· Apache技术专题
· C#技术开发指南
· Windows远程桌面应用
· 企业数据恢复指南
· Windows集群服务应用
· 路由器设置与口令恢复
· Linux 集群技术专题
· SOA 面向服务架构
· 了解统一威胁管理(UTM)..
· 反垃圾邮件技术应用