用户自定义的Javascript函数名字与内置函数或宿主函数名字相同时产生的问题。

原文出自：http://www.cnblogs.com/JiangHuakey/archive/2012/04/12/2443946.html

当用户定义的函数名字与内置函数或宿主函数名字相同时,如果把这个用户定义的函数丢到一个事件上，那么这个事件是不会执行用户定义的函数的。

<html>
    <head>
        <script>
            //getSelection是宿主函数,用户获取用户选中的文本。下面覆写这个函数:
            function getSelection(){
                alert("getSelection");
            }
            
            //写一个与getSelection实现相同功能但函数名字不同的函数,为getSelection1
            function getSelection1(){
                alert("getSelection1");
            }
        </script>
    <head>
    <body>
        <!--如果在Google Chrome浏览器或者Mozilla Firefox浏览器中击下面的链接的时候不会弹出对话框，Console中也没有报告错信息-->
        <!--但在IE下却会弹出对话框,因为IE不存在getSelection这个宿主函数-->
        <a href="#" onclick="getSelection();">点击测试 getSelection 函数</a>
        
        <a href="#" onclick="getSelection1();">点击测试 getSelection1 函数</a>
    </body>
</html>

总结:
    这种错误是比较难发现的，一时间会让作者狂抓，因为浏览器不会报错，没错却又执行不到那明明没有错的函数中。
    所以综观上述以后我们碰到这种情况时就得马上想到有可能是这种错误。

posted on 2013-05-27 14:04 YOXIsky 阅读(392) 评论(0) 编辑收藏举报