分(fēn)享到:

JavaScript和浏覽器

日(rì)期:2016-10-18 17:16:00     閱讀(dú):890     文章(zhāng)來(lái)源:源美網絡     标簽:深圳網站(zhàn)建設,JavaScript

與HTML一樣,JavaScript也需要用Web浏覽器來(lái)顯示,不同浏覽器的顯示效果可(kě)能會有所不同。與HTML相(xiàng)比,區别在于:JavaScript在不兼容的浏覽器上的顯示效果會有很大(dà)的差别,可(kě)能不僅文本顯示不正确,而且腳本程序根本無法運行,還(hái)可(kě)能會顯示錯誤信息,甚至可(kě)能導緻浏覽器崩潰。


在Internet Explorer中調用JavaScript代碼

Internet Explorer内部采用了許多微軟的專利技術(shù),例如(rú)ActiveX等技術(shù),這些技術(shù)的應用提高了JavaScript的使用範圍(用戶甚至可(kě)以使用ActiveX控件(jiàn)操作(zuò)本地文件(jiàn)),但(dàn)是降低了安全性,而且這些技術(shù)有很多不符合W3C規範,使得(de)在Internet Explorer下開發的頁面在其他(tā)Web浏覽器中無法正常顯示,甚至無法使用。下面演示如(rú)何在Internet Explorer中得(de)到頁面中id爲txtld、name爲txtName、type爲text的對象。首先在頁面中定義text對象的代碼:

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

在Internet Explorer中使用JavaScript得(de)到這個text對象的代碼如(rú)下:

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基金會推出的一種自(zì)由、開放(fàng)源代碼的浏覽器。Mozilla也是1999年(nián)由Netscape公司提出的一個開源項目,Firefox是這個項目中的一個部分(fēn)。Netscape後來(lái)消亡,Mozilla卻活了下來(lái)。

在Firefox下使用JavaScript得(de)到前面的text對象的代碼如(rú)下:

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

var _txtNameObj4 = document.all.txtName; 


在Opera中調用JavaScript代碼

Opera是一個小巧而功能強大(dà)的跨平台互聯網套件(jiàn),包括網頁浏覽、下載管理(lǐ)、郵件(jiàn)客戶端、RSS閱讀(dú)器、IRC聊天、新聞組閱讀(dú)、快(kuài)速筆記、幻燈顯示(Operashow)等功能。Opera支持多種操作(zuò)系統,如(rú)Windows、Linux、Mac、FreeBSD、Solaris、BeOS、OS/2、QNX等,此外,Opera還(hái)有手機(jī)用的版本;也支持多語言,包括簡體(tǐ)中文和繁體(tǐ)中文。

在Opera中使用JavaScript得(de)到前面text對象的代碼如(rú)下:

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

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

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

  var _txtNameObj4 = document.all.txtName; 

在不同的浏覽器下,提示信息的顯示效果會有所不同。對于一些經常用到的頁面中關于尺寸的屬性,如(rú)scrollTop、scrollLeft、scrollWidth、scrollHeight等屬性,隻有Internet Explorer與Firefox支持,Opera不支持。


浏覽器中的文檔對象類型(DOM)

不同浏覽器使用JavaScript操作(zuò)同一個頁面中同一個對象的方法不同,這會造成頁面無法跨平台。DOM正是爲解決不同浏覽器下使用JavaScript操作(zuò)對象的方法不同的問(wèn)題而出現的。DOM可(kě)訪問(wèn)頁面其他(tā)的标準組件(jiàn),解決了Netscape的JavaScript和Microsoft的JScript之間的沖突,給予Web設計(jì)師(shī)和開發者一個标準的方法,讓他(tā)們來(lái)訪問(wèn)站(zhàn)點中的數據、腳本和表現層對象。document.getElementById()可(kě)根據ID得(de)到頁面中的對象,這個方法就(jiù)是DOM的标準方法,在3種浏覽器(Internet Explorer、Firefox、Opera)中都(dōu)适用。


DOM是以層次結構組織的節點或信息片段的集合。這個層次結構允許開發人(rén)員(yuán)在樹(shù)中導航尋找特定信息。分(fēn)析該結構通常需要加載整個文檔和構造層次結構,才能做其他(tā)工(gōng)作(zuò)。由于它是基于信息層次的,因而 DOM 被認爲是基于樹(shù)或基于對象的。


文章(zhāng)引用:

本站(zhàn)文章(zhāng)爲深圳網站(zhàn)建設·源美網絡原創策劃,如(rú)有版權糾紛或者違規問(wèn)題,請(qǐng)聯系我們删除,謝謝!

上一篇: jQuery項目的曆史

下一篇: 你(nǐ)的用戶的心智模型

返回列表
最新案例
OUR ADVANTAGE WORKS

售後保障

承諾任何問(wèn)題1小時内解決

數據備份

更安全、更高效、更穩定

價格公道精準

項目經理(lǐ)精準報價不弄虛作(zuò)假

合作(zuò)無風(fēng)險

重合同講信譽,無效全額退款