JAVASCRIPT 瀏覽器兼容性問題及解決方案列表

JAVASCRIPT 瀏覽器兼容性問題及解決方案列表
（1）獲取HTML元素
只兼容IE：
document.all.hello
hello
兼容全部：
document.getElementById(「hello 」) 以ID來訪問對象，且一個ID在頁面中必須是惟一document.getElementsByTagName(「div」)[0] 以標籤名來訪問對象
document.getElementsByName("inputName")[1]

（2）獲取FORM表單元素
只兼容IE：
document.formname.itemname
兼容全部：
document.forms[「formName」].elements[「itemname」]。
document.forms[i].elements[「itemname」]

（3）設置CSS
只兼容FireFox：
obj.setAttribute(style,color:green)
兼容全部：
document.getElementById("banana").className
document.getElementById("banana").style.color
document.getElementById("banana").onclick document.getElementById("banana").class="fruit" document.getElementById("banana").style.color="blue" document.getElementById("banana").onclick= function (){alert("我是香蕉")}

（4）設置長寬高
只兼容IE：
obj.style.height = imgObj.height
兼容全部：
obj.style.height = imgObj.height + 'px';

（5）obj.innerText

只兼容IE：
obj.innerText= "myText";
兼容全部：

if (document.all) {
obj.innerText = "myText";
}
else {
obj.textContent = "myText";
}

（6）Firefox下的onload問題
只兼容IE：
function over(){
alert("頁面加載完畢")
}
document.body.onload= over

兼容全部：

window.onload=over

（7）打開窗口
只兼容IE：
IE中能夠經過showModalDialog和showModelessDialog打開模態和非模態窗口
兼容全部：
直接使用window.open(pageURL,name,parameters)方式打開新窗口。
若是須要傳遞參數，能夠使用frame或者iframe。

（8）獲取Frame對象

只兼容IE：
var frame1 ＝ window.testFrame
兼容全部：
window.top.document.getElementById("frameId")來訪問frame標籤
而且能夠經過window.top.document.getElementById("testFrame").src = 'xx.htm'來切換frame的內容
也均可以經過window.top.frameName.location = 'xx.htm'來切換frame的內容

（9）變量名與某 HTML 對象 id 相同的問題

IE中對象 對象ID不能與HTML對象的ID同名。而Firefox能夠。

兼容全部：在聲明變量時，一概加上 var ，以免歧義，這樣在 IE 中亦可正常運行。 此外，最好不要取與 HTML 對象 id 相同的變量名，以減小錯誤。