在HTML和JavaScript中函数调用加不加括号的区别
、在js中加括号与不加括号的区别
1.JS函数被调用时加括号:
加括号表示执行的是函数里面的代码,即花括号的部分
2.JS函数被调用时不加括号:
不加括号表示执行的是整个函数体,目的是引用,代表把这个函数赋值给某个变量
二、在HTML中加括号与不加括号的区别
测试如下:
当在html里面写onclick的时候,实际上display()是在一个onclick函数里面。
html里的onxxxx="..."属性,相当于在相应的事件里执行eval("..."),明白这一点,你甚至可以在里面写一长串的js代码。
<button onclick="for(var b=0;b<4;b++)alert(b)">alert 0 to 3</button>
完整测试代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>点击按钮执行 <em>displayDate()</em> 函数.</p>
<button onclick="displayDate()" id="test1">点这里</button>
<button id="test2">点这里</button>
<script>
function displayDate() {
document.getElementById("demo").innerHTML = Date();
//document.getElementById('test').onclick=display();
}
document.getElementById('test2').onclick=display;
alert(document.getElementById('test1').onclick);
alert(document.getElementById('test1').getAttribute('onclick'));
alert(document.getElementById('test2').onclick);
function display() {
document.getElementById("demo1").innerHTML = '123545646';
}
</script>
<p id="demo"></p>
<p id="demo1"></p>
</body>
</html>
转载自:https://blog.csdn.net/qq_38436939/article/details/83277942