原文链接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 相同的变量名,以减少错误。
相关推荐
Javascript 多浏览器兼容性问题及解决方案 兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 3、FF:...
CSS 多浏览器兼容性问题及解决方案一、document.formName.item(”itemName”) 问题 问题说明:IE下,可以使用 document.formName.item(”itemName”) 或 document.formName.elements [“elementName”];Firefox 下...
一、document.formName.item(”itemName”) 问题...解决方法:统一使用document.formName.elements[“elementName”]。 二、集合类对象问题 问题说明:IE下,可以使用 () 或 [] 获取集合类对象;Firefox下,只能使用
能解决各种javascript在各大浏览器中的不兼容问题,让不兼容的程序兼容各大浏览器
本文总结分析了Javascript在IE和Firefox浏览器常见兼容性问题。分享给大家供大家参考,具体如下: 表单 document.formName.item("itemName") IE:可以使用document.formName.item(“itemName”)或document.formName...
JavaScript 1.HTML对象获取问题 FireFox:document.getElementById(“idName”); ie:document.idname或者document....解决方法:统一使用var关键字来定义常量. 3.event.x与event.y问题 说明:IE下,event对
如果这些也无效,您可以通过下面列出的12个javascript解决方案修复它,这样您的网页看起来就能跨越所有浏览器了! 在本文中,我们会揭开你在开发web应用是可能会遇到的12个最常见的CSS问题的javascript解决方案。 ...
主要介绍了Javascript iframe交互并兼容各种浏览器的解决方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
主要介绍了JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题的解决方案,非常不错,感兴趣的朋友参考下吧
61、原生JavaScript解决offsetX兼容性问题 62、原生JavaScript常用的正则表达式 63、原生JavaScript实现返回顶部的通用方法 64、原生JavaScript获得URL中GET参数值 65、原生JavaScript实现全选通用方法 66、原生...
主要介绍了Javascript中使用parseInt函数需要注意的问题,本文讲解了parseInt函数在IE8下可能会返回0值的兼容问题解决方法,需要的朋友可以参考下
这是收集了前段开发所遇到的兼容性问题,主要在JavaScript中的Dom在各浏览器之间的差异,包含解决方法!
10.1 JavaScript及浏览器对象模型 10.1.1 navigator对象的使用 10.1.2 window对象的使用 10.1.3 创建定时事件 10.1.4 Frame的使用 10.1.5 location对象 10.1.6 history对象 ...
3. 已解决SELECT 元素不能被div覆盖的问题。 14 第二节:IE7-IE8更新 14 1. 不再支持 CSS 表达式,改为支持增强的 CSS 或 DHTML 逻辑。 14 2. currentStyle 对象的Unset属性现在返回其初始值。 15 3. style 对象的 ...
首先这里声明一下,关于我测试浏览器的版本是chrome15.0.874.121 Firefox 8.01 IE9 IETester 下面的代码关于声明 1:获得滚动条的情况 代码如下:function getScroll(){ var t, l, w, h; if (document....
一般采用的技术方案是ActiveX或NPAPI插件技术,其中ActiveX仅能够在IE浏览器中使用,随着Chrome,Firefox等浏览器基于安全性及稳定性的考虑,不再支持插件,NPAPI插件在高版本的浏览器上均不能正常的使用,想要访问...
5.7 浏览器兼容性策略 5.8 本章小结 第6章 String、Math、Array等数据对象 6.1 String对象 6.1.1 如何使用String对象方法操作字符串 6.1.2 获取目标字符串长度 6.1.3 连接两个字符串 6.1.4 验证电子邮件地址的合法性...