分享到:

JavaScript和浏览器

日期:2016-10-18     阅读:265     文章来源:源美设计     标签:JavaScript

与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

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

上一篇:jQuery项目的历史

下一篇:你的用户的心智模型

返回列表
最新案例
OUR ADVANTAGE WORKS