Javascript中的this关键词

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Javascript中的this关键词</title>
</head>
<body>
    <input type="button" value="btn1" onclick="alert(event.srcElement.value)" /><!--event.srcElement.value获得当前触发事件的对象-->
    <input type="button" value="btn2" onclick="alert(this.value)" /><!--this指btn2对象-->
    <input type="button" value="btn3" onclick="btnClick3()" /><!--event.srcElement.value获得当前触发事件的对象-->
    <input type="button" value="btn4" onclick="btnClick4()" /><!--这时候的this不起作用的,使用this需要将其当做参数传下去-->
    <input type="button" value="btn5" onclick="btnClick5(this)" /><!--this需要将其当做参数传下去,才可以正常使用-->
</body>
</html>
<script type="text/javascript">
    function btnClick3() {
        alert(event.srcElement.value)
    }
    function btnClick4() {
        alert(this.value)
    }
    function btnClick5(btn) {
        alert(btn.value)
    }
</script>

posted @ 2013-04-24 18:07  ipangjie  阅读(118)  评论(0编辑  收藏  举报