IE和Mozilla的一点js区别
这个我不晓得怎么样复制表格进来 就整个html源码拿过来了
<table cellspacing="0" cellpadding="10" width="770" border="1">
<tbody>
<tr>
<td>IE</td>
<td>Mozilla</td>
<td>说明</td>
</tr>
<tr>
<td>document.body.clientHeight(clientWidth)根据HTML的DTD而定方能得到准确值。</td>
<td>window.innerHeight(innerWidth)根据HTML的DTD而定方能得到准确值。</td>
<td> </td>
</tr>
<tr>
<td>opacity(aplha=20)</td>
<td>MozOpacity="0.2"</td>
<td> </td>
</tr>
<tr>
<td>event.clientY(clientX)</td>
<td>event.pageY(pageX)</td>
<td> </td>
</tr>
<tr>
<td>event.keyCode</td>
<td>event.which</td>
<td> </td>
</tr>
<tr>
<td>event.srcElement</td>
<td>event.target</td>
<td> </td>
</tr>
<tr>
<td>window.external.AddFavorite('never-online.net', "never-online'website"); </td>
<td>window.sidebar.addPanel('never-online.net', "never-online'website", "");</td>
<td>此为添加到收藏夹代码,要兼容更多的浏览器,请看<a target="_blank" href="http://blog.never-online.net/article.asp?id=108">这里的代码</a></td>
</tr>
<tr>
<td>(DHTML事件-滚轮事件)onmousewheel</td>
<td>DOMMouseScroll</td>
<td><a target="_blank" href="http://blog.never-online.net/article.asp?id=67">可参看我的blog这篇文章</a></td>
</tr>
<tr>
<td>window.showModalDialog</td>
<td>window.open(url, "name", "modal=yes")</td>
<td> </td>
</tr>
<tr>
<td>createPopup()</td>
<td>xul</td>
<td> </td>
</tr>
<tr>
<td>htc控件</td>
<td>xbl绑定</td>
<td> </td>
</tr>
<tr>
<td>filter滤镜</td>
<td>只支持alpha(透明度,部分可通过clip来模拟)</td>
<td> </td>
</tr>
<tr>
<td>obj.setCapture()</td>
<td>window.captureEvents(Event.eventType)</td>
<td> </td>
</tr>
<tr>
<td>obj.attachEvent(type, listener)</td>
<td>obj.addEventListener(type, listener, useCapture)</td>
<td>添加事件的方法,如果要兼容,有几种方法,如用Mozilla的读写器来模拟IE的方法,或者用一个全局函数addEvent(type, listener, useCapture)来统一事件处理,或者写一个Event Manager更好一些,也可以在这里统一避免<a target="_blank" href="http://blog.never-online.net/article.asp?id=105">内存泄露</a></td>
</tr>
<tr>
<td>obj.detachEvent(type, listener)</td>
<td>obj.removeEventListener(type, listener, useCapture)</td>
<td>一般情况下,用了attachEvent(addEventListener)方法,最好在beforeunload事件里用detach方法释放掉,这是个好习惯(偷懒的话就不说了:D)</td>
</tr>
<tr>
<td>支持Webdings字体</td>
<td>不支持Webdings字体</td>
<td> </td>
</tr>
<tr>
<td>insertAdjacentHTML, insertAdjacentElement方法</td>
<td>本身不支持,但可通过insertBefore或通过Range实现</td>
<td> </td>
</tr>
<tr>
<td>不支持</td>
<td>读写器__defineSetter(Getter)__</td>
<td> </td>
</tr>
<tr>
<td>不支持</td>
<td>支持对Element,EVENT等对象的prototype模式支持</td>
<td> </td>
</tr>
<tr>
<td>不支持</td>
<td>对节点有nodeType常量属性</td>
<td> </td>
</tr>
<tr>
<td>new ActiveXObject("MSXML2.XMLHTTP")或更高版本的ProgId</td>
<td>XMLHttpRequest对象</td>
<td> </td>
</tr>
<tr>
<td>设置类似style.top=20这样的高度时,可不使用单位</td>
<td>设置类似style.top=20+'px'这样的高度时,必须使用单位,否则无效</td>
<td> </td>
</tr>
<tr>
<td>CSS的类名,不区分大小写(大小写不敏感)</td>
<td>CSS的类名,区分大小写(大小写敏感)如:.myCss和.mycss类名就是不相同的</td>
<td> </td>
</tr>
<tr>
<td>冒泡事件event.cancelBubble=true</td>
<td>event.stopPropagation()(需要传递event事件)</td>
<td> </td>
</tr>
<tr>
<td>CSS padding宽度并不在offset偏移坐标之内</td>
<td>CSS padding宽度默认是在offset偏移坐标之内,可用-moz-box-sizing:border-box来设置即可基本与IE相同</td>
<td><a target="_blank" href="http://www.never-online.net/reference/Mozilla%20CSS/box-sizing.html">可参见我这篇文章的代码</a></td>
</tr>
<tr>
<td>js动态加载xslt文件将xml转化成HTML,IE可用xmldoc.transformNode(xslDocument)方法</td>
<td>Mozilla中相对麻烦一些,要经过几道工序XSLTProcessor对象,transformToFragment或其它方法</td>
<td><a target="_blank" href="http://blog.never-online.net/article.asp?id=62">可参见我这篇文章的示例教程和代码</a></td>
</tr>
<tr>
<td>持客户端存储数据-userData</td>
<td>不支持</td>
<td> </td>
</tr>
</tbody>
</table>
分享到:
相关推荐
css和js的浏览器兼容问题汇总,希望能帮到大家
js浏览器兼容问题的大全,CSS书写规范,js代码规范
js兼容IE火狐问题
JS浏览器兼容问题总结
使用封装的思想,简单的实现IE浏览器在javascript中对getElementsByClassName的不兼容问题,实现的方法简单,通俗易懂
javascript解决innerText浏览器兼容问题思路代码.docx
js常见的兼容问题: 1.关于使用 event对象,出现的兼容性问题;阻止冒泡兼容问题解决方法; 2.关于获取行外样式 currentStyle 和 getComputedStyle 出现的兼容性问题;、 3.关于DOM中 childNodes 获取子节点出现...
我们通常在开发的过程中在JS中总会遇到浏览器中的兼容问题,这里进行的举例于解决办法,很详细!值得收藏
JS的兼容性问题 JS的兼容性问题 JS的兼容性问题
下面是兼容IE和FF的js脚本做法和分解(部分选自网上): .以下以 IE 代替 Internet Explorer,以 MF/FF 代替 Mozzila Firefox //window.event IE:有window.event对象 FF:没有window.event对象。可以通过...
javascript解决浏览器兼容性问题
解决JSON.parse()在IE7下不兼容( JSON在IE下未定义)问题。 直接引用就可以。 摘要必须大于100个字节!摘要必须大于100个字节!
Firefox与IE浏览器的javascript兼容性问题Firefox与IE浏览器的javascript兼容性问题Firefox与IE浏览器的javascript兼容性问题Firefox与IE浏览器的javascript兼容性问题Firefox与IE浏览器的javascript兼容性问题Fire...
js Date()日期函数浏览器兼容问题解决方法.docx
IE浏览器和火狐浏览器兼容问题有部分js
js中的常见兼容问题整理
这是收集了前段开发所遇到的兼容性问题,主要在JavaScript中的Dom在各浏览器之间的差异,包含解决方法!
能解决各种javascript在各大浏览器中的不兼容问题,让不兼容的程序兼容各大浏览器
JavaScript 导入 excel文件(兼容IE11) 示例 打包下载
idea插件 vue.js IDEA2017.3亲测可装 无兼容问题 Setting>plugins>install plugin from disk 选择文件安装完重启即可