JavaScript中this关键字使用方法详解.doc

JavaScript中this关键字使用方法详解
2008-08-07 13:00
JavaScript中的this使用(一)
2007-08-30 17:02
        this在javascript中的使用相对与c、c++要混乱得多。但是乱的另一面是非常灵活,如果使用得当,能起到想象不到的效果。
       下面列出了this在不同情况下的使用,希望通过下面的实例加深大家的理解。
       (1)在HTML元素事件属性中inline方式使用this关键字
实例代码:
<input type="button" onclick="alert();" value="百度一下"/>
       代码说明:点击该页面“按钮”,将弹出“百度一下”信息。可知其中的this指向的是当前“按钮”对象,即在此种情况下使用的this指向当前节点对象。使用Html注册的事件,其实脚本生成了一个匿名方法。
       (2)用DHTML方式在事件处理函数中使用this关键字:
<div id="elmtDiv">division element</div>
<script language="javascript">
var div = ('elmtDiv');
= function(){
           alert();
}
</script>
       代码说明:在javascript代码中对“elmtDiv”节点注册了“click”事件,触发的事件函数中this指向的是当前注册的节点对象,即id为“elmtDiv”节点对象。这里alert出来的信息为“division element”。
       ,等于为div对象实例添加一个成员方法。这种方式和第一种方法的区别是,第一种方法是使用HTML方式,而这里是DHTML方式,后者脚本解析引擎不会生成匿名方法。
(3)用DOM方式在事件处理函数中使用this关键字:
<div id="elmtDiv">division element</div>
<script language="javascript">
var div = ('elmtDiv');
var Ka=();
if(("MSIE") != -1)           //如果是IE浏览器
       ('onclick', EventHandler);
else                                                //否则,为mozilla浏览器
     ('click',EventHandler,false);
function EventHandler()
{
    alert();
}
</scr