1、如图首先在一个文件夹下创建index.html文件。
2、然后用可编辑文本文件的软件打开index.html文件，index.html的初始内容如图。
3、js的鼠标事件主要有onclick：单击事件ondbclick：双击事件onmouseover：鼠标移入事件onmouseout：鼠标移出事件onmousedown：鼠标按下事件onmouseup：鼠标松开事件。首先实现鼠标左键单击和双击的js代码如图。
4、编辑完index.html文件后，用浏览器打开index.html文件，效果如图。当鼠标左键单击span时显示"触发鼠标单击事件"，双击span时显示"触发鼠标双击事件"。
5、接着实现鼠标的移入和移出事件。如图修改index.html文件。
6、最后实现鼠标的点下和松起事件。如图修改index.html文件。
7、修改完index.html文件后，用浏览器打开index.html文件，效果如图。
使用onclick（）点击事件触发。
1、设计一个功能页面，HTML代码如下。
2、此时的页面展示效果如下。
3、设计功能函数，实现上图中赋值的功能。
4、给按钮绑定上述函数，点击实现。
5、在页面上点击函数，查看执行效果。
扩展资料：
onclick事件解析：
1、定义和用法：onclick 属性由元素上的鼠标点击触发。
onclick 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style>或 <title>。
2、语法：
<element onclick="script">。
参考资料：
百度百科--onclick
![有个文件被360扫出来是木马叫ai[1].js，删掉后第二天扫又出现，怎么解决？](/aiimages/%E6%9C%89%E4%B8%AA%E6%96%87%E4%BB%B6%E8%A2%AB360%E6%89%AB%E5%87%BA%E6%9D%A5%E6%98%AF%E6%9C%A8%E9%A9%AC%E5%8F%ABai%5B1%5D.js%EF%BC%8C%E5%88%A0%E6%8E%89%E5%90%8E%E7%AC%AC%E4%BA%8C%E5%A4%A9%E6%89%AB%E5%8F%88%E5%87%BA%E7%8E%B0%EF%BC%8C%E6%80%8E%E4%B9%88%E8%A7%A3%E5%86%B3%EF%BC%9F.png)
