部分屬性及方法的瀏覽器兼容問(wèn)題
1、兼容問(wèn)題
| 屬性|方法 | IE | Chrome |
360兼容模式 （版本號(hào)13.1.1572.0|內(nèi)核版本86.0.4240.198） |
解決方法 | |
| 1 | window.showModalDialog() | 支持 | 不支持 | 支持 | |
| 2 |
ajax請(qǐng)求： 所有現(xiàn)代瀏覽器（Chrom、IE7+、Firefox、Safari 以及 Opera）都有內(nèi)建的 XMLHttpRequest 對(duì)象。 老版本的 Internet Explorer（IE5 和 IE6）使用 ActiveX 對(duì)象 |
new XMLHttpRequest() 或者new ActiveXObject("Microsoft.XMLHTTP")
|
new XMLHttpRequest()
|
new XMLHttpRequest() 或者new ActiveXObject("Microsoft.XMLHTTP")
|
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執(zhí)行代碼
xmlhttp = new XMLHttpRequest();
} else {
// IE6, IE5 瀏覽器執(zhí)行代碼
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
|
| 3 |
綁定事件： window.attachEvent()
window.addEventListener()
|
IE5~IE10：window.attachEvent()
IE9~IE11：window.addEventListener()
|
window.addEventListener() |
window.addEventListener()
|
if (window.attachEvent) {
window.attachEvent("onload", foo);
} else if (window.addEventListener) {
window.addEventListener("load", foo, false);
}
function foo() {
console.log("ok");
}
|
| 4 |
filter:alpha(opacity=5);
舊版 Internet Explorer 瀏覽器(4.0 to 8.0) 支持的非標(biāo)準(zhǔn) "filter" 屬性已被廢棄。 IE8 及更低版本瀏覽器通常使用 opacity 屬性。 |
IE5~IE9：支持 IE10+：不支持 |
不支持 | 不支持 | 改用opacity屬性 |
| 5 |
所有主流瀏覽器均支持 getAttribute() 方法。 所有主要瀏覽器都支持 toLowerCase() 方法 getField、getElementField是封裝的方法？？ |
||||
| 6 |
nodeObj.removeNode()：刪除元素但不包括文本節(jié)點(diǎn) nodeObj.removeNode(true)：刪除元素所有子節(jié)點(diǎn) |
支持 | 不支持 | 支持 |
removeNode只能在IE下用。為了在ie和firefox下都能正常使用，先取上一層的父結(jié)點(diǎn)，然后removeChild 或者直接用jQuery的remove 改用：parent.removeChild(thisNode) 所有主流瀏覽器均支持 removeChild() 方法。 |
1）綁定事件：低版本IE：window.attachEvent()，高版本IE和Chrome：window.addEventListener()
2）在Chrome中字體不能小于10px，解決方案：p{font-size: 12px; transform: scale(0.8);}
3）IE9以下瀏覽器不能使用opacity，解決方案：opacity: 0.5;filter: alpha(opacity = 50);filter: progid:DXImageTransform.Microsoft.Alpha(style = 0, opacity = 50);
4）flex 布局想要支持ie 9低版本，同時(shí)使用，外布局flex，內(nèi)布局float，display: flex;float: left;
浙公網(wǎng)安備 33010602011771號(hào)