手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
摘要:在通过Javascript实现客户端和服务端的交互时,有时候需要对操作系统进行判断,以便实现不同操作系统下的兼容性,比如:我们有一个网站,在...

在通过Javascript实现客户端和服务端的交互时,有时候需要对操作系统进行判断,以便实现不同操作系统下的兼容性,比如:我们有一个网站, 在Windows XP下浏览效果良好,但是到了Ubuntu下,由于许多特性不同,会造成在浏览上的细微差异,甚至会影响到良好的用户体验。这个时候我们就需要利用 Javascript对操作系统的类型以及某些特性进行判断,分而治之,从而实现网站在跨平台浏览时候保持良好的用户体验。

下边的代码实现对Windows、Mac、Linux、Unix擦作系统的判断:

复制代码 代码如下:

<script type="text/javascript" language="JavaScript">

<>

</script>

如果我们需要对Windows操作系统进行更为精确的识别,可以继续使用下边的代码操作:

复制代码 代码如下:

<script type="text/javascript" language="JavaScript">

<>

</script>

下边的代码是为了实现对浏览器是否支持XML特性的检测:

复制代码 代码如下:

<script type="text/javascript" language="JavaScript">

var SupportXml=false;

var xmldom;

if(window.ActiveXObject) {

try {

xmldom=new ActiveXObject("Microsoft.XMLDOM");

SupportXml=(xmldom.loadXML(" <ok/>"));

} catch(e) {}

}

else if(document.implementation && document.implementation.createDocument) {

SupportXml=true;

}

alert('XML状态为:'+SupportXml);

</script>

PS:为了更好地避免不同浏览器,不同操作系统因为默认文字不同而对页面布局造成影响,应尽量避免CSS中使用固定行高(height:12px;)对 文字高度进行限定,应该尽量使用height:auto,如果迫不得已必须限定文字高度(比如只显示一行),则应使用em代替px(例如 height:1.1em;),1em=1文字高度,这样就使得文字高度随着文字大小动态改变,不会造成文字截断现象的发生了。

【利用Javascript判断操作系统的类型实现不同操作系统下的兼容性】相关文章:

谈一谈javascript中继承的多种方式

Javascript 字符串模板的简单实现

用JavaScript实现对话框的教程

javascript实现动态改变层大小的方法

Javascript的IE和Firefox兼容性汇编

Javascript实现图片轮播效果(二)图片序列节点的控制实现

Javascript实现div层渐隐效果的方法

JavaScript基于setTimeout实现计数的方法

javascript实现设置、获取和删除Cookie的方法

javascript元素动态创建实现方法

精品推荐
分类导航