对象浏览器JAVASCRIPT 浏览器兼容性问题及解决方案列表

题记：写这篇博客要主是加深自己对对象浏览器的认识和总结实现算法时的一些验经和训教，如果有错误请指出，万分感谢。

    

 

    原文链接http://www.javaarch.net/jiagoushi/611.htm

    每日一道理
整个世界，因为有了阳光，城市有了生机；细小心灵，因为有了阳光，内心有了舒畅。明媚的金黄色，树丛间小影成像在叶片上泛有的点点破碎似的金灿，海面上直射反映留有的随波浪层层翻滚的碎片，为这大自然创造了美景，惹人醉的温馨之感，浓浓暖意中夹杂着的明朗与柔情，让雨过天晴后久违阳光的心灵重新得到了滋润！

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 雷同的变量名，以增加错误。

    

 

文章结束给大家分享下程序员的一些笑话语录： 这年头的互联网真是娱乐了中国，网民们从各种各样的“门”里钻来钻去，又有好多“哥”好多“帝”，值得大家品味不已……网络经典语录，关于IT与互联网，经典与您分享！

--------------------------------- 原创文章 By
对象和浏览器
---------------------------------