单击事件的响应函数和响应函数的调用函数的区别

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript">
        function ShowMyName()
        {
            alert('Lucas');
        }
 
    </script>
</head>
<body>
   
    <input type="button" value="单击" id="t1" onclick="alert('A good Man:' ); ShowMyName()"/>
    <img src="8.jpg" />
</body>
</html>
这种写法Onclick后面就是相应函数,里面可以写很多函数,其中ShowMyName()只是其中的一个函数,所以showMyName
是相应函数的调用函数。

情形二:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript">
        function InitEnvent()
        {
            var btn = document.getElementById('t1');
            btn.onclick = ShowHello;//事件响应函数
        }


        function ShowHello()
        {
            alert('hello');
            alert(this.value);//事件响应函数的调用函数
        }
    </script>
</head>
<body οnlοad="InitEnvent()">
   
    <input type="button" value="单击" id="t1"  />
    <img src="8.jpg" />
</body>
</html>


发布了96 篇原创文章 · 获赞 22 · 访问量 19万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览