与HTML一样，JavaScript也需要用Web浏览器来显示，不同浏览器的显示效果可能会有所不同。与HTML相比，区别在于：JavaScript在不兼容的浏览器上的显示效果会有很大的差别，可能不仅文本显示不正确，而且脚本程序根本无法运行，还可能会显示错误信息，甚至可能导致浏览器崩溃。

在Internet Explorer中调用JavaScript代码

Internet Explorer内部采用了许多微软的专利技术，例如ActiveX等技术，这些技术的应用提高了JavaScript的使用范围(用户甚至可以使用ActiveX控件操作本地文件)，但是降低了安全性，而且这些技术有很多不符合W3C规范，使得在Internet Explorer下开发的页面在其他Web浏览器中无法正常显示，甚至无法使用。下面演示如何在Internet Explorer中得到页面中id为txtld、name为txtName、type为text的对象。首先在页面中定义text对象的代码：

<input type="text" id="txtld" name="txtName" value=""> 

在Internet Explorer中使用JavaScript得到这个text对象的代码如下：

var _txtNameObj1 = document.forms[0].elements("txtName");

  var _txtNameObj2 = document.getElementByld("txtld");

  var _txtNameObj3 = document.frmTxt.elements("txtName");

  var _txtNameObj4 = document.all.txtName; 

在Firefox中调用JavaScript代码

Netscape浏览器曾经是最常用的Web浏览器，是Mozilla基金会推出的一种自由、开放源代码的浏览器。Mozilla也是1999年由Netscape公司提出的一个开源项目，Firefox是这个项目中的一个部分。Netscape后来消亡，Mozilla却活了下来。

在Firefox下使用JavaScript得到前面的text对象的代码如下：

var _txtNameObj2 = document.getElementByld("txtld");

var _txtNameObj4 = document.all.txtName; 

在Opera中调用JavaScript代码

Opera是一个小巧而功能强大的跨平台互联网套件，包括网页浏览、下载管理、邮件客户端、RSS阅读器、IRC聊天、新闻组阅读、快速笔记、幻灯显示(Operashow)等功能。Opera支持多种操作系统，如Windows、Linux、Mac、FreeBSD、Solaris、BeOS、OS/2、QNX等，此外，Opera还有手机用的版本；也支持多语言，包括简体中文和繁体中文。

在Opera中使用JavaScript得到前面text对象的代码如下：

var _txtNameObj1 = document.form[0].elements("txtName");

  var _txtNameObj2 = document.getElementByld("txtld");

  var _txtNameObj3 = document.frmTxt.elements("txtName");

  var _txtNameObj4 = document.all.txtName; 

在不同的浏览器下，提示信息的显示效果会有所不同。对于一些经常用到的页面中关于尺寸的属性，如scrollTop、scrollLeft、scrollWidth、scrollHeight等属性，只有Internet Explorer与Firefox支持，Opera不支持。

浏览器中的文档对象类型(DOM)

不同浏览器使用JavaScript操作同一个页面中同一个对象的方法不同，这会造成页面无法跨平台。DOM正是为解决不同浏览器下使用JavaScript操作对象的方法不同的问题而出现的。DOM可访问页面其他的标准组件，解决了Netscape的JavaScript和Microsoft的JScript之间的冲突，给予Web设计师和开发者一个标准的方法，让他们来访问站点中的数据、脚本和表现层对象。document.getElementById()可根据ID得到页面中的对象，这个方法就是DOM的标准方法，在3种浏览器(Internet Explorer、Firefox、Opera)中都适用。

DOM是以层次结构组织的节点或信息片段的集合。这个层次结构允许开发人员在树中导航寻找特定信息。分析该结构通常需要加载整个文档和构造层次结构，才能做其他工作。由于它是基于信息层次的，因而 DOM 被认为是基于树或基于对象的。

文章引用：http://www.szymweb.com/new/125.html

本站文章为深圳网站建设·源美网络原创策划，如有版权纠纷或者违规问题，请联系我们删除，谢谢！