一 课程名称
课程名称:仿计算器案例
课程章节:课程前置知识
二 课程内容
在body中完成一个html定义onclick和在js里定义onclick的对比
1.在html定义onclick事件
2.在js里定义onclick事件
配置
我们用两个button 来做实验
现在点击按钮是没有任何效果的,因为没用事件处理函数
所以我们去创建一个函数,第一个函数我们写进html
把onclick写到html里
去页面单击test1 这样事件就触发了
第二个onclick我们用另外一种方式,不写进html里实现
写入一个函数,用来获取按钮2的id(test2)
把onclick事件写到js函数里
这里把onclick写进js函数,onclick在里面就等于是一个内置的函数,也可以称为匿名函数
这个函数只供onclick使用
这行代码就等于给按钮2添加了一个onclick,要做什么事件去取定于里面onclick函数要做什么事件。
添加完后,我们需要取读取这个事件,否则是不能触发的
所以要给body添加onload事件,我们可以理解为刷新或者是叫加载事件
onload 执行ff2函数
去页面点击按钮2就生效了
我们也可以在ff2函数里调用其他函数,像ff1也是可以执行的
本节总结
理解这两种不同的写法,为下一节打下基础 O(∩_∩)O