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>