IE6 、 IE7 、 IE8 在 CSS 和 JS 方面的區別 :

一、IE8中的css中關於width或是height中若是使用像素形式做爲參數時,參數必須是帶「px」的,並且此參數必須是大於0的,而在IE6和IE7中是支持不帶「px」參數的,並且參數是能夠爲一個負數。
二、如:style=height:180px\\0;只有IE8能識別,style=height:180px\\9,IE都能識別。
二、IE8中的css中「border-style:outset ;」是沒有效果的。
三、IE8中的無序列表之間的距離要比IE6和IE7大的多。
四、IE6能識別*,但不能識別!important,IE7能識別*也能識別!important。
五、IE6支持下劃線,IE7不支持下劃線。
六、在IE8中,一個Iframe中取event.x的值不是Iframe中的相對x座標,而是最外層的window的x座標,可是event.y倒是取的是 Iframe中的相對y座標。而在IE6和IE7中,event.x和event.y卻得的都是所在Iframe中的相對座標,能夠用 event.clinetX代替。
七、IE8中的javascript中的function對象例如:
function a(){alert(「helloworld」);}
var fun = new function(‘’,’helloworld’);
alert(fun);
此時返回的值爲function anonymous(){function a(){alert(「helloworld」)}}, 而在IE6和IE7中返回的值爲function anonymous(){alert("helloworld")},也就是說當Function的第二個參數若是是一個函數時,IE8對此參數做用的是整個函數的代碼,而IE6和IE7則是對此參數起做用的是函數的內部代碼(不包括 「function a(){」和「}」的函數頭和尾)。
八、在ie6中,使用window.status =" 歡迎光臨個人博客!!!",就能在狀態欄顯示這麼一行字,但在IE7中,IE7的安全性設置中,默認是不容許腳本更新狀態欄的.
九、IE8會把對 IE6,7,8 用 css 進行測試:
測試代碼:樣式代碼: p {color:#f00;} xhtml 代碼: 
 文字
  IE6  IE7  IE8  備註 
p{_color:red}  √  ×  ×  IE6 專用 
*html   p{color:#red;}  √  ×  ×  IE6 專用 
p{+color:red}  √  √  ×  IE6,7 專用 
p{*color:red}  √  √  ×  IE6,7 專用 
*html   p{color:red;}  √  √  ×  IE6,7 專用 
p{*+color: red}  ×  √  ×  IE7 專用 
Body> p{ color: red }  ×  √  √  屏蔽 IE6 
/*\\*//*/p{+color:red}/**/  ×  ×  √  IE8 專用 
p{/*/*/color;/**/}  √  √  ×  屏蔽 IE8 
p{color:red!important}
p{color:red}  √  √  √  都能用 
html>/**/body .head{color:#red;}  ×  ×  √  只對 IE8  javascript

 
對於 IE8 對 js 新增的功能 :
一、 IE8開始支持一些新的W3C規格,其中多了querySelector和querySelectorAll兩個函數
二、 IE8 引入XDomainRequest跨站數據獲取功能。 這是一個很是有趣的進行跨站數據獲取的功能,不過它與Firefox 3中的跨站 XMLHttpRequest的工做原理不太同樣。它的跨域並非無限制的。須要服務端返回http header中帶有XDomainRequestAllowed=1才能夠跨域,不然是不成功的。XMLRequest 不能跨站一直都是多子域服務器的硬傷。使得不少狀況不得不考慮最原始的動態script和JSON的方式。不過IE8團隊有意解決跨站訪問數據的問題,這是IE8的一個進步。另外,IE8下的XMLHttpRequest增長了一個很重要的屬性 timeout和ontimeout方法,它在對程序進行優化時極其重要。
三、 getElementById能夠經過id來返回對象。getAttribute("checked") 如今返回「checked」而不是true。動態建立(或修改)的單選按鈕如今能夠被選擇了。
支持更多對HTML5的功能:
一、 window.location.hash。這個功能已經被多數瀏覽器支持的很是好。在IE8標準模式中將window.location.hash中的更改做爲導航,並保存先前文檔的URL,能夠像在Ajax應用中模仿「後退」按鈕效果。IE8中對它進行了改良,能夠廣播這個hashchanged時間。
二、 DOM存儲。經過這個功能,數據能夠持續保存在本地,它將取代原始的cookie存DOM存儲。
三、 postMessage。IE8如今支持跨文件消息通信(Cross-Document Messaging-XDM)!經過onmessage事件和postMessage方法,兩個來自不一樣域的網頁能夠進行通信。目前IE八、Opera 九、Firefox 3和WebKit nightlies版均支持這個功能,也就是說,該功能幾乎已被全部最新瀏覽器支持。
四、 Offline Events。在IE 8中擁有一些離線事件來檢測網絡的中斷,經過它咱們能夠編寫精彩的離線Ajax應用。目前來看支持這一功能的瀏覽器包括Firefox3和IE8。
用firefox或者chrome一登錄最小系統就報480分鐘超時錯誤
IE6 Bugs
1 、不支持用樣式設置 <abbr> 元素
2 、不支持以連字符和下劃線開頭的 class 和 ID 名
3 、 <select> 元素老是出如今堆疊最上面,而無視 z-index 值
4 、若是錨點的僞類沒有使用正確的順序 ( :link , :visited , :hover ) ,:hover 僞類將無效
5 、一個屬性的 !important 聲明會被同一規則中同一屬性的沒有使用 !important 的第二個聲明覆蓋。
六、         height 表現相似於 min-height , width 表現相似於 min-width ,左右 margin 雙倍
七、         圓點邊框 (dotted) 看起來像虛線邊框 (dashed)
八、         text-decoration 的 line-through 值在文字上看起來比別的瀏覽器要高一些
9 、有序列表若是有一個固定結構 (haslayout 爲 true ,不能設置 li 的高度 / 寬度 /zoom 等激活 haslayout 的值 ) ,序號就不會增長,而是保持爲 1
十、      列表元素不支持 list-style-type 的全部可用的值
十一、      若是列表條目浮動,指定的 list-style-image 將不會顯示
十二、      不徹底支持 @font-face
1三、      某些選擇器會錯誤的匹配註釋和文檔聲明
1四、      若是一個 ID 選擇器結合一個類選擇器不匹配,一樣的 ID 選擇器結合不一樣的類選擇器也將被看成不匹配。
IE7 bugs
1 、 有序列表若是有一個固定結構 (haslayout 爲 true ,不能設置 li 的高度 / 寬度 /zoom 等激活 haslayout 的值 ) ,序號就不會增長,而是保持爲 1
二、         列表元素不支持 list-style-type 的全部可用的值
3 、若是列表條目浮動,指定的 list-style-image 將不會顯示
4 、不徹底支持 @font-face
5 、某些選擇器會錯誤的匹配註釋和文檔聲明 css

詳細出處參考:http://www.jb51.net/css/34077.htmlhtml

相關文章
相關標籤/搜索