我們專注于高端品牌網(wǎng)站創(chuàng)意設(shè)計(jì)與開發(fā)
與HTML一樣,JavaScript也需要用Web瀏覽器來(lái)顯示,不同瀏覽器的顯示效果可能會(huì)有所不同。與HTML相比,區(qū)別在于:JavaScript在不兼容的瀏覽器上的顯示效果會(huì)有很大的差別,可能不僅文本顯示不正確,而且腳本程序根本無(wú)法運(yùn)行,還可能會(huì)顯示錯(cuò)誤信息,甚至可能導(dǎo)致瀏覽器崩潰。
在Internet Explorer中調(diào)用JavaScript代碼
Internet Explorer內(nèi)部采用了許多微軟的專利技術(shù),例如ActiveX等技術(shù),這些技術(shù)的應(yīng)用提高了JavaScript的使用范圍(用戶甚至可以使用ActiveX控件操作本地文件),但是降低了安全性,而且這些技術(shù)有很多不符合W3C規(guī)范,使得在Internet Explorer下開發(fā)的頁(yè)面在其他Web瀏覽器中無(wú)法正常顯示,甚至無(wú)法使用。下面演示如何在Internet Explorer中得到頁(yè)面中id為txtld、name為txtName、type為text的對(duì)象。首先在頁(yè)面中定義text對(duì)象的代碼:
<input type="text" id="txtld" name="txtName" value="">
在Internet Explorer中使用JavaScript得到這個(gè)text對(duì)象的代碼如下:
var _txtNameObj1 = document.forms[0].elements("txtName");
var _txtNameObj2 = document.getElementByld("txtld");
var _txtNameObj3 = document.frmTxt.elements("txtName");
var _txtNameObj4 = document.all.txtName;
在Firefox中調(diào)用JavaScript代碼
Netscape瀏覽器曾經(jīng)是最常用的Web瀏覽器,是Mozilla基金會(huì)推出的一種自由、開放源代碼的瀏覽器。Mozilla也是1999年由Netscape公司提出的一個(gè)開源項(xiàng)目,F(xiàn)irefox是這個(gè)項(xiàng)目中的一個(gè)部分。Netscape后來(lái)消亡,Mozilla卻活了下來(lái)。
在Firefox下使用JavaScript得到前面的text對(duì)象的代碼如下:
var _txtNameObj2 = document.getElementByld("txtld");
var _txtNameObj4 = document.all.txtName;
在Opera中調(diào)用JavaScript代碼
Opera是一個(gè)小巧而功能強(qiáng)大的跨平臺(tái)互聯(lián)網(wǎng)套件,包括網(wǎng)頁(yè)瀏覽、下載管理、郵件客戶端、RSS閱讀器、IRC聊天、新聞組閱讀、快速筆記、幻燈顯示(Operashow)等功能。Opera支持多種操作系統(tǒng),如Windows、Linux、Mac、FreeBSD、Solaris、BeOS、OS/2、QNX等,此外,Opera還有手機(jī)用的版本;也支持多語(yǔ)言,包括簡(jiǎn)體中文和繁體中文。
在Opera中使用JavaScript得到前面text對(duì)象的代碼如下:
var _txtNameObj1 = document.form[0].elements("txtName");
var _txtNameObj2 = document.getElementByld("txtld");
var _txtNameObj3 = document.frmTxt.elements("txtName");
var _txtNameObj4 = document.all.txtName;
在不同的瀏覽器下,提示信息的顯示效果會(huì)有所不同。對(duì)于一些經(jīng)常用到的頁(yè)面中關(guān)于尺寸的屬性,如scrollTop、scrollLeft、scrollWidth、scrollHeight等屬性,只有Internet Explorer與Firefox支持,Opera不支持。
瀏覽器中的文檔對(duì)象類型(DOM)
不同瀏覽器使用JavaScript操作同一個(gè)頁(yè)面中同一個(gè)對(duì)象的方法不同,這會(huì)造成頁(yè)面無(wú)法跨平臺(tái)。DOM正是為解決不同瀏覽器下使用JavaScript操作對(duì)象的方法不同的問(wèn)題而出現(xiàn)的。DOM可訪問(wèn)頁(yè)面其他的標(biāo)準(zhǔn)組件,解決了Netscape的JavaScript和Microsoft的JScript之間的沖突,給予Web設(shè)計(jì)師和開發(fā)者一個(gè)標(biāo)準(zhǔn)的方法,讓他們來(lái)訪問(wèn)站點(diǎn)中的數(shù)據(jù)、腳本和表現(xiàn)層對(duì)象。document.getElementById()可根據(jù)ID得到頁(yè)面中的對(duì)象,這個(gè)方法就是DOM的標(biāo)準(zhǔn)方法,在3種瀏覽器(Internet Explorer、Firefox、Opera)中都適用。
DOM是以層次結(jié)構(gòu)組織的節(jié)點(diǎn)或信息片段的集合。這個(gè)層次結(jié)構(gòu)允許開發(fā)人員在樹中導(dǎo)航尋找特定信息。分析該結(jié)構(gòu)通常需要加載整個(gè)文檔和構(gòu)造層次結(jié)構(gòu),才能做其他工作。由于它是基于信息層次的,因而 DOM 被認(rèn)為是基于樹或基于對(duì)象的。
文章引用:http://www.lt-ad.com/new/125.html
本站文章為深圳網(wǎng)站建設(shè)·源美網(wǎng)絡(luò)原創(chuàng)策劃,如有版權(quán)糾紛或者違規(guī)問(wèn)題,請(qǐng)聯(lián)系我們刪除,謝謝!
上一篇: jQuery項(xiàng)目的歷史
下一篇: 你的用戶的心智模型
售后保障
承諾任何問(wèn)題1小時(shí)內(nèi)解決數(shù)據(jù)備份
更安全、更高效、更穩(wěn)定價(jià)格公道精準(zhǔn)
項(xiàng)目經(jīng)理精準(zhǔn)報(bào)價(jià)不弄虛作假合作無(wú)風(fēng)險(xiǎn)
重合同講信譽(yù),無(wú)效全額退款