關於瀏覽器相容問題的解決辦法,全部都在這裡了

2022-09-18 00:39:09 字數 2467 閱讀 3668

目前,最為流行的瀏覽器共有五個:分別是ie,edge瀏覽器(屬於微軟),火狐,谷歌(chrome)safari和opera五大瀏覽器。

這五大瀏覽器分別有各自的瀏覽器核心,下面介紹以下各個瀏覽器的核心(包括一些國內的瀏覽器):

gecko核心:火狐----------->這個瀏覽器核心是開源的瀏覽器核心,外掛程式非常多,-------------->缺點:開啟速度慢(載入flash外掛程式)。

webkit:遨遊,蘋果 ,symbian;

bink:chrome瀏覽器,大部分國產瀏覽器最新版本都採用blink;

首先是關於innertext和textcontent的問題的見解:

innertext 谷歌,火狐和ie8都支援

低版本 的火狐不支援innertext

textcontent在ie8中的結果是undefined;

textcontent在谷歌和火狐中支援;

這些內容是必須知道的,也是以後解決相容性問題的引子或者思路,同時也是基礎。

在解決瀏覽器相容性的問題上面,首先,可以通過獲取瀏覽器的版本來判斷這個瀏覽器是不是支援這個屬性,但是這種辦法非常的麻煩。

具體做法是:我要在一系列的資訊中找到這個瀏覽器版本裡面的具體是什麼樣的,然後用正規表示式去匹配,然後確定這個瀏覽器裡面具體用的什麼東西。這就是整個的內容,所以,相當的麻煩。

當然,獲取瀏覽器版本的**很簡單,就一句話,一行**,但是僅僅是為了判斷這個瀏覽器是不是支援這個屬性 ,是不是放在這裡好像有點兒大材小用了。因此,就直接判斷這個瀏覽器裡面是不是支援這個屬性就可以了。

1

//任意元素都可以設定成文字內容----------因此把「任意」元素當成物件(element)傳遞到函式中23

//element---->任意元素 4//

text--->任意文字內容

5function

setinnertext(element,text) else 12

} 13

1415

//獲取任意元素中的文字內容

16function

getinnertext(element) else

24 }

上述**就可以解決innnertext和textcontent在各個瀏覽器之間不相容的問題(上述**目前只在谷歌,火狐,ie8版本上面測試,以後還會在其他的瀏覽器的不同版本上面測試,測試結果還會不斷的更新,盡請期待)。

上面介紹的內容只闡述部分屬性在各個瀏覽器上面的差異,當然,還有其他的相容問題存在,他們分別是:

(1)獲取某個元素中的第乙個子元素 

(2)獲取某個元素中的最後乙個子元素 

(3)獲取某個元素的前乙個兄弟元素 

(4)獲取某個元素的後乙個兄弟元素 

下面,我分別給出了相應的相容性問題解決辦法**:

1  1 //

獲取某個元素中的第乙個子元素

2 2 function

getfirstelement(element) else

12 12 return

node;

13 13}

14 14}

15 20 //

下面這連個屬性在各個不同的瀏覽器中顯示的方式有所不同

16 21 //

my$("uu").firstchild

17 22 //

my$("uu").firstelementchild

18 23

19 24 //

獲取某個元素中的最後乙個子元素

20 25 function

getlastelement(element) else

29 34 return

node;

30 35}

31 36}

3233 44

34 45 //

獲取某個元素的前乙個兄弟元素

35 46 function

getpreviouselement(element) else

43 54 return

node;

44 55}

45 56}

46 57

47 58

48 59

49 60 //

獲取某個元素的後乙個兄弟元素

50 61 function

getnextelement(element) else

58 69 return

node;

59 70}

60 71 }

這些**目前只是更新到這兒,以後還會陸續更新跟多關於瀏覽器相容問題更多思路和見解。

瀏覽器常見相容問題以及解決辦法

1 瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各...

常見瀏覽器相容問題及解決辦法

1 瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 2 瀏覽器相容問題二 塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大 3 瀏覽器相容問題三 設定較小高度標籤 一般小於10px 在ie6,ie7,遨遊中高度超出自己設定高度 4 瀏覽器相容問題四...

常見的瀏覽器的相容問題以及解決辦法

相容問題是所有程式設計師都避免不了的問題,而瀏覽器的相容更是讓前端開發人員頭疼和問題。由於現在市場上的瀏覽器眾多,所有這裡就介紹谷歌和ie7到ie11之間的相容問題。img 二 表單元素距離頂部間距不一致 解決辦法 給表單元素新增宣告 float left heacd form input 三 字型...