A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© heima333 初级黑马   /  2017-3-5 11:49  /  547 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

(1)将事件和响应行为都内嵌到html标签中
                        <input type="button" value="button"  onclick="alert('xxx')"/>
                (2)将事件内嵌到html中而响应行为用函数进行封装
                        <input type="button" value="button" onclick="fn()" />
                        <script type="text/javascript">
                                function fn(){
                                        alert("yyy");
                                }
                        </script>
                (3)将事件和响应行为 与html标签完全分离
                        <input id="btn" type="button" value="button"/>
                        <script type="text/javascript">
                                var btn = document.getElementById("btn");
                                btn.onclick = function(){
                                        alert("zzz");
                                };
                        </script>
               
                ****this关键字
                        this经过事件的函数进行传递的是html标签对象
                        <input id="btn" name="mybtn" type="button" value="button123" onclick="fn(this)"/>
                        <script type="text/javascript">
                                function fn(obj){
                                        alert(obj.name);
                                }
                        </script>

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马