RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间:9:30-18:00
你可能遇到了下面的问题
关闭右侧工具栏

技术支持

谷歌推广 > 技术支持 > 推广优化 >

JavaScript和浏览器

  • 作者:谷歌推广
  • 发表时间:2020-01-05 00:46
  • 来源:迅龙网络

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

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

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

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

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

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

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

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

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

  var _txtNameObj4 = document.all.txtName; 

在Firefox中调用JavaScript代码

  var _txtNameObj4 = document.all.txtName; 

在Opera中调用JavaScript代码

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

在Internet Explorer中调用JavaScript代码

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


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

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

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

var _txtNameObj4 = document.all.txtName; 

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


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


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



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

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

上一篇:央行降准如期而至 支持实体经济发展 哪些板块有 下一篇:清华大学探索汽车专业改革创新 百度原总裁加盟