`

找到一点js兼容问题,记录下

阅读更多

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>&nbsp;</td>
        </tr>
        <tr>
            <td>opacity(aplha=20)</td>
            <td>MozOpacity=&quot;0.2&quot;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>event.clientY(clientX)</td>
            <td>event.pageY(pageX)</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>event.keyCode</td>
            <td>event.which</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>event.srcElement</td>
            <td>event.target</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>window.external.AddFavorite('never-online.net', &quot;never-online'website&quot;); </td>
            <td>window.sidebar.addPanel('never-online.net', &quot;never-online'website&quot;, &quot;&quot;);</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, &quot;name&quot;, &quot;modal=yes&quot;)</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>createPopup()</td>
            <td>xul</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>htc控件</td>
            <td>xbl绑定</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>filter滤镜</td>
            <td>只支持alpha(透明度,部分可通过clip来模拟)</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>obj.setCapture()</td>
            <td>window.captureEvents(Event.eventType)</td>
            <td>&nbsp;</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>&nbsp;</td>
        </tr>
        <tr>
            <td>insertAdjacentHTML, insertAdjacentElement方法</td>
            <td>本身不支持,但可通过insertBefore或通过Range实现</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>不支持</td>
            <td>读写器__defineSetter(Getter)__</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>不支持</td>
            <td>支持对Element,EVENT等对象的prototype模式支持</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>不支持</td>
            <td>对节点有nodeType常量属性</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>new ActiveXObject(&quot;MSXML2.XMLHTTP&quot;)或更高版本的ProgId</td>
            <td>XMLHttpRequest对象</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>设置类似style.top=20这样的高度时,可不使用单位</td>
            <td>设置类似style.top=20+'px'这样的高度时,必须使用单位,否则无效</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>CSS的类名,不区分大小写(大小写不敏感)</td>
            <td>CSS的类名,区分大小写(大小写敏感)如:.myCss和.mycss类名就是不相同的</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>冒泡事件event.cancelBubble=true</td>
            <td>event.stopPropagation()(需要传递event事件)</td>
            <td>&nbsp;</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>&nbsp;</td>
        </tr>
    </tbody>
</table>

 

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    OPNET的search.js

    7. **兼容性处理**:由于不同的浏览器可能对JavaScript的支持程度不同,`search.js`可能包含了一些兼容性检查和修复代码,确保在各种环境下都能正常运行。 8. **事件绑定**:JavaScript事件驱动的特性意味着`search...

    js一句话屏蔽脚本错误

    1. **兼容性问题**:虽然现代浏览器普遍支持 `window.onerror` 的这种用法,但需要注意的是旧版本的IE浏览器(如IE8及以下版本)可能无法识别第五个参数(`error` 对象),因此在生产环境中需要考虑这一点。...

    基于JavaScript实现快速转换文本语言(繁体中文和简体中文)

    在实现前端JavaScript语言切换功能时,还有一点值得注意,那就是可能涉及到的国际化(i18n)和本地化(l10n)问题。国际化是指设计能够在多种语言环境下工作的程序,而本地化是指将程序调整为特定语言和文化环境的...

    errorpage.zip

    "se_errors.js"则可能是与JavaScript相关的错误处理代码。JavaScript是一种广泛用于客户端(client-side)的编程语言,用于实现网页的动态功能和交互。JavaScript错误可能包括语法错误、运行时错误、类型错误等,...

    js实现简单的可切换选项卡效果

    在本示例中虽然没有提到,但在实际开发中,需要注意不同浏览器对于DOM操作的兼容性问题。例如,对于IE8及以下版本的浏览器,可能需要引入相应的polyfills或者使用其他兼容性代码来确保功能正常运行。 知识点十:...

    fabric浏览器安装笔记.doc

    《Hyperledger Fabric浏览器安装详解——聚焦Fabric 2.2版...在实际操作中,遇到问题时不要慌张,多参考官方文档和社区资源,往往能找到解决之道。希望这篇安装笔记能为你在探索Fabric 2.2世界的过程中提供有力的帮助。

    华视CVR-100U开发接口SDK

    SDK通常会提供异常处理机制和日志记录功能,帮助开发者定位和解决问题。 9. 性能优化: 为了提高应用程序的性能,开发者需要了解SDK中关于性能优化的部分,比如并行处理、内存管理等。 10. 安全性: 对于涉及到...

    前端最好用的屏幕取色器

    首先,我们要明确一点,虽然“hyqsjl”可能是某个特定屏幕取色器的简称或代码名,但由于没有具体的软件信息,这里我们将讨论一些通用的、受到前端开发者广泛好评的屏幕取色器工具。 1. **ColorPick Eyedropper**:...

    mydoc:这是我的项目文档

    6. **Web标准与兼容性**:如果项目涉及网页开发,需要考虑Web标准,确保代码符合W3C规范,并考虑到不同浏览器的兼容性问题。 7. **测试与调试**:在HTML项目中,需要进行功能测试和跨浏览器测试,确保所有功能都能...

    ThinPortal-开源

    ThinPortal考虑到了这一点,提供无障碍功能,如文本放大、屏幕阅读器支持等,确保所有用户都能无障碍地访问和交互网站内容。 3. **开源性质**:作为开源软件, ThinPortal的源代码对公众开放,这意味着开发者可以...

    网管教程 从入门到精通软件篇.txt

    网管教程 从入门到精通软件篇 ★一。★详细的xp修复控制台命令和用法!!! 放入xp(2000)的光盘,安装时候选R,修复! Windows XP(包括 ...JS:javascript源文件 JSP:HTML网页,其中包含有对一个Java servlet...

    青果校园兼职网,阿赛企业网站管理

    13、会员系统:支持新会员在线注册、审核,记录会员登录时间、登录次数,支持会员充值、会员等级,高分VIP会员可以查看加密产品、文章、下载等信息; 14、图文列表:图文相间的列表模式,所有频道均可以此方式列表;...

Global site tag (gtag.js) - Google Analytics