HTML中click()和onclick()的本质区别与案例和解释

HTML中click()和onclick()的本质区别与案例和解释；分为四点；

第一点：英文翻译：
On的意思为 ：打开，接通，鼠标事件的触发条件；
表明onclick()代表的是一个事件；而在HTML中，click()为方法；

第二点：中文解释：
什么叫事件？什么叫方法？
事件：鼠标事件的触发条件，比如鼠标划出和划进、单击、双击等等
方法：是处理过程，即对一段自定义的代码封装和打包，方便再利用，避免重复性；
简单记为：事件：触发事件，方法：处理过程；

第三点：：click()和onclick()的关系
onclick()是绑定事件：作用执行函数代码；
click()本身是方法：作用是触发onclick()事件
代码示例：

	

    
	


 
按钮1
按钮2
 

解释：
onclick()是绑定事件，告诉浏览器在鼠标点击时候要做什么
click()本身是方法作用是:触发onclick()事件
代码本质：
只要执行了元素的click()方法，就会触发onclick()事件。
如上诉代码所示，当点击按钮2按钮时,会触发按钮1的click()方法，而click()方法会触发onclick()事件；
结论一：执行了元素的click()方法会触发调用click方法元素onclick事件
结果：
点击按钮1：弹出：调用了方法change
点击按钮2：弹出：调用了方法change

第四点：：click()的延伸
可以在cliick()方法中再添加函数进行追加事件的作用；
click方法中的function代码会在onclick事件执行完后执行，此时click方法起到追加事件的作用。
代码示例：

	

    
	


 
按钮1

 

解释：
在执行click()方法后，执行标签内的change（）事件，然后再执行内部click()方法封装的内部函数alert()方法；
结果：
先弹出调用了方法change，再弹出调用了click()方法的追加事件;

参考和借鉴网站：
https://www.feiniaomy.com/post/340.html
https://www.jb51.net/article/55650.htm

如有不懂可以加我并练习哦；
个人也有免费大学生毕业网站和答辩项目总集；
并提供免费软件和教学视频；
QQ+2545062785