在html事件属性中调js函数， this问题
以下代码中点击B按钮时，按钮B的值发生了改变，而点击A按钮时，按钮A的值为什么没有改变？但是点击完A按钮时再点击B按钮，从B按钮的值来看，显示点击A时改变了变量a的值。还...
以下代码中点击B按钮时，按钮B的值发生了改变，而点击A按钮时，按钮A的值为什么没有改变？但是点击完A按钮时再点击B按钮，从B按钮的值来看，显示点击A时改变了变量a的值。
还有button_a.onclick和button_b.onclick的值为什么不一样？
----------------------------------------------------------------
<body>
<input type="button" id="aButton" value="A" onclick="demo()" />
<input type="button" id="bButton" value="B" />
<script type="text/javascript">
var a=1;
function demo() {
alert(this.id)
this.value = a++;
}
document.getElementById("bButton").onclick = demo;
var button_a = document.getElementById("aButton");
alert(button_a.onclick);
var button_b = document.getElementById("bButton");
alert(button_b.onclick);
</script>
</body> 展开
还有button_a.onclick和button_b.onclick的值为什么不一样？
----------------------------------------------------------------
<body>
<input type="button" id="aButton" value="A" onclick="demo()" />
<input type="button" id="bButton" value="B" />
<script type="text/javascript">
var a=1;
function demo() {
alert(this.id)
this.value = a++;
}
document.getElementById("bButton").onclick = demo;
var button_a = document.getElementById("aButton");
alert(button_a.onclick);
var button_b = document.getElementById("bButton");
alert(button_b.onclick);
</script>
</body> 展开
3个回答
展开全部
this 在dom里写 onclick="demo()" 和 document.getElementById("bButton").onclick = demo;
意义不一样。
你alert一下this就知道了，A触发的this是demo这个方法本身。B触发的this才是B
写在dom里的方法其实相当于
document.getElementById("aButton").onclick = function(){ demo(); }
意义不一样。
你alert一下this就知道了，A触发的this是demo这个方法本身。B触发的this才是B
写在dom里的方法其实相当于
document.getElementById("aButton").onclick = function(){ demo(); }
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
this为当前的Object。在你的函数
function demo() {
alert(this.id)
this.value = a++;
}
中this指向的是demo而非触发它的input
所以
this要传递的。
不知你是否想要下面的
<body>
<input type="button" id="aButton" value="A" onclick="demo(this)" />
<input type="button" id="bButton" value="B" />
<script type="text/javascript">
var a=1;
function demo(t) {
alert(t.id)
t.value = a++;
}
document.getElementById("bButton").onclick = new Function("demo(this)");
var button_a = document.getElementById("aButton");
alert(button_a.onclick);
var button_b = document.getElementById("bButton");
alert(button_b.onclick);
</script>
</body>
function demo() {
alert(this.id)
this.value = a++;
}
中this指向的是demo而非触发它的input
所以
this要传递的。
不知你是否想要下面的
<body>
<input type="button" id="aButton" value="A" onclick="demo(this)" />
<input type="button" id="bButton" value="B" />
<script type="text/javascript">
var a=1;
function demo(t) {
alert(t.id)
t.value = a++;
}
document.getElementById("bButton").onclick = new Function("demo(this)");
var button_a = document.getElementById("aButton");
alert(button_a.onclick);
var button_b = document.getElementById("bButton");
alert(button_b.onclick);
</script>
</body>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="button" id="aButton" value="A" onclick="demo()" />
//在demo();中加一个this
//在demo();中加一个this
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
