请问各位大佬靓仔美女们，为什么下面这段代码运行后，我还没有点击文字，就自动执行了AABBCCD()函数？

[zhangchanggong00]

请问为什么下面这段代码运行后，我还没有点击文字，就自动执行了AABBCCD()函数？

<h1 id="222" class="222">0000</h1>
<h2 class="2221">点击文本!</h2>
<script>       
document.getElementsByClassName("2221")[0].onclick = AABBCCD();
function AABBCCD() {
   document.getElementsByClassName("222")[0].innerHTML = "Ooops!";
}
</script>

如果，在AABBCCD()外面添加function(){}包裹，那就点击之后再执行AABBCCD函数，这才正常。

<h1 id="222" class="222">0000</h1>
<h2 class="2221">点击文本!</h2>
<script>       
document.getElementsByClassName("2221")[0].onclick =function(){AABBCCD()};
function AABBCCD() {
   document.getElementsByClassName("222")[0].innerHTML = "Ooops!";
}
</script>

这到底是为什么？

[zhangchanggong00]

球球，大佬们帮帮孩子

[zhangchanggong00]

@tjficcbw 好的，谢谢您

[tjficcbw]

@zhangchanggong00 script 代码段内的语句是直接执行的，你的这句话，应该放到文本框内 《h2 class="2221" onclick= AABBCCD()>点击文本!</h2>把前面的书名号变成尖括号

[zhangchanggong00]

@太空漫步11 去掉函数名后面括号还真就对了，哥这是什么原理呀

[太空漫步11]

第一个代码去掉函数名后面的括号，加括号的话表示调用函数。

 document.getElementsByClassName("2221")[0].onclick = AABBCCD;