跨瀏覽器的兼容

1、第13章 跨瀏覽器的兼容性問題 在開發(fā)ajax應(yīng)用程序時(shí)，開發(fā)者往往遇到程序代碼在不同瀏覽器下不兼容的問題。在某個(gè)瀏覽器中能正常運(yùn)行的程序，到了另外一個(gè)瀏覽器下就完全無法工作。這是因?yàn)椴煌瑸g覽器的內(nèi)核不同，而在javascript解析上存在差異。當(dāng)前主流的瀏覽器主要基于兩種內(nèi)核：ie和gecko。ie內(nèi)核的瀏覽器主要包括ie系列的各版本瀏覽器以及像騰訊tt、傲游這類以ie內(nèi)核為基礎(chǔ)二次開發(fā)的瀏覽器。gecko內(nèi)核的瀏覽器主要包括firefox、netscape等瀏覽器。本章將以ie和firefox為例，來對(duì)瀏覽器的兼容性問題做一個(gè)匯編總結(jié)。13.1 使用getelementbyid代替idna

2、me 在ie中，獲得一個(gè)元素對(duì)象的引用，可以直接使用該元素對(duì)象的id，以下代碼在ie中可以正常運(yùn)行。13.2 表單元素的引用問題 在ie下，通過表單獲得某個(gè)表單元素的引用，可以使用form.item(“itemname”)，如下代碼在ie中可以正常運(yùn)行。13.3 訪問集合對(duì)象成員的問題 在ie中，對(duì)集合對(duì)象的成員的訪問，可以使用圓括號(hào)加索引的方式。13.4 讀取自定義屬性的問題 在一些應(yīng)用場(chǎng)合，為了程序處理的需要，會(huì)給html元素添加一些自定義屬性，如下所示。 13.5 常量的定義問題 firefox支持使用const定義常量，但是ie不支持，如下所示。13.6 input元素的type屬性讀

3、寫問題 在firefox下，input元素的type屬性是可讀寫的，這個(gè)特性使得可以動(dòng)態(tài)改變input元素的形態(tài)，如下所示。13.7 模態(tài)窗口的問題 在ie下，可以使用showmodaldialog來創(chuàng)建模態(tài)窗口。原窗口可以給模態(tài)窗口傳遞參數(shù)，并接受模態(tài)窗口返回的值。模態(tài)窗口在關(guān)閉前不能失去焦點(diǎn)。13.8 frame的操作問題 在ie中，通過window.frameid或者window.framename都可以獲得對(duì)frame頁面window對(duì)象的引用，如下所示。13.9 innertext的問題 在ie下可以使用innertext屬性來讀取或設(shè)置一個(gè)元素內(nèi)的文本值，如下所示。13.10 對(duì)父

4、元素的引用問題 在ie中對(duì)父元素的引用可以使用parentelement和parentnode，但是在firefox中只能使用parentnode，如下所示。13.11 getelementsbyname的問題 在ie中，如果給div添加name屬性，然后通過getelementsbyname來查找這些div，則getelementsbyname不能正常工作，如下所示。13.12 outertext的問題在ie下，html元素有outertext屬性，其返回值與innertext屬性一樣，但是如果改寫元素的outertext屬性，則元素本身會(huì)被文本所替換。也就是說，當(dāng)改變一個(gè)元素的outert

5、ext屬性時(shí)，實(shí)際上是用一個(gè)文本節(jié)點(diǎn)替換了元素，如下所示。13.13 outerhtml的問題在ie下，讀取元素的outerhtml屬性，可以得到包含元素及其子孫元素在內(nèi)的所有html表示。如果修改元素的outerhtml屬性，則會(huì)使用一段新的html代碼替換原有的元素。替換后，原有的元素會(huì)從頁面中被刪除掉，如下所示。13.14 小結(jié) 本章對(duì)ajax開發(fā)中可能遇到的瀏覽器兼容性問題進(jìn)行了總結(jié)和分析，并輔以實(shí)例說明了解決辦法。這些兼容性的問題包括：idname的使用、表單元素的引用、集合對(duì)象成員的訪問、自定義屬性的讀取、常量的定義、input元素type屬性的讀寫問題、模態(tài)窗口的使用、frame元素的操作、父元素的引用、getelementsbyname的問題以及innertext、outertext和outerht