在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()" >点这里</button>
	
	<button >点这里</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 ></p>

	<p ></p>
</body>
</html>

转载自:https://blog.csdn.net/qq_38436939/article/details/83277942

在HTML和JavaScript中函数调用加不加括号的区别

相关推荐