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>