目前,最為流行的瀏覽器共有五個:分別是ie,edge瀏覽器(屬於微軟),火狐,谷歌(chrome)safari和opera五大瀏覽器。
這五大瀏覽器分別有各自的瀏覽器核心,下面介紹以下各個瀏覽器的核心(包括一些國內的瀏覽器):
gecko核心:火狐----------->這個瀏覽器核心是開源的瀏覽器核心,外掛程式非常多,-------------->缺點:開啟速度慢(載入flash外掛程式)。
webkit:遨遊,蘋果 ,symbian;
bink:chrome瀏覽器,大部分國產瀏覽器最新版本都採用blink;
首先是關於innertext和textcontent的問題的見解:
innertext 谷歌,火狐和ie8都支援
低版本 的火狐不支援innertext
textcontent在ie8中的結果是undefined;
textcontent在谷歌和火狐中支援;
這些內容是必須知道的,也是以後解決相容性問題的引子或者思路,同時也是基礎。
在解決瀏覽器相容性的問題上面,首先,可以通過獲取瀏覽器的版本來判斷這個瀏覽器是不是支援這個屬性,但是這種辦法非常的麻煩。
具體做法是:我要在一系列的資訊中找到這個瀏覽器版本裡面的具體是什麼樣的,然後用正規表示式去匹配,然後確定這個瀏覽器裡面具體用的什麼東西。這就是整個的內容,所以,相當的麻煩。
當然,獲取瀏覽器版本的**很簡單,就一句話,一行**,但是僅僅是為了判斷這個瀏覽器是不是支援這個屬性 ,是不是放在這裡好像有點兒大材小用了。因此,就直接判斷這個瀏覽器裡面是不是支援這個屬性就可以了。
1上述**就可以解決innnertext和textcontent在各個瀏覽器之間不相容的問題(上述**目前只在谷歌,火狐,ie8版本上面測試,以後還會在其他的瀏覽器的不同版本上面測試,測試結果還會不斷的更新,盡請期待)。//任意元素都可以設定成文字內容----------因此把「任意」元素當成物件(element)傳遞到函式中23
//element---->任意元素 4//
text--->任意文字內容
5function
setinnertext(element,text) else 12
} 13
1415
//獲取任意元素中的文字內容
16function
getinnertext(element) else
24 }
上面介紹的內容只闡述部分屬性在各個瀏覽器上面的差異,當然,還有其他的相容問題存在,他們分別是:
(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 三 字型...