zoukankan      html  css  js  c++  java
  • 在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

  • 相关阅读:
    安装VMware虚拟机的全过程以及基于Centos7下配置nodejs和mongodb (一)
    webpack入门1
    react心路历程
    JavaScript性能优化【转载】
    JavaScript中继承的实现
    Cookie机制和Session机制
    jQuery 最简化实现
    JavaScript 中的原型(总则)
    JS 数据类型转换以其他
    JavaScript 七种数据类型
  • 原文地址:https://www.cnblogs.com/baicia/p/14153142.html
Copyright © 2011-2022 走看看