手记

【学习打卡】第10天 仿计算器案例(课程前置知识)

一 课程名称


课程名称:仿计算器案例


课程章节:课程前置知识


二 课程内容

    在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


0人推荐
随时随地看视频
慕课网APP