手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

小蔡学Web:[14]JavaScript按钮事件

时间:2024-10-14 07:51:20

1、打开DW软件,然后新建一个空白网页,然后保存为JS按钮事件.html。

小蔡学Web:[14]JavaScript按钮事件

2、在body中输入一个表单,输入一个按钮,如下:<form><input type="button" value="请点击"></form>

小蔡学Web:[14]JavaScript按钮事件

3、然后我们在title中输入JS的内部调用:<script type="text/javascript"></script>用来书写按钮事件的代码。

小蔡学Web:[14]JavaScript按钮事件

4、将JS的函数写入到<script type="text/javascript"></script>之中。function time(){var t=setTimeout("alert('5 秒!')",5000)}

小蔡学Web:[14]JavaScript按钮事件

5、将鼠标事件调用写入到表单中:<input type="button" value="请点击" onClick = "time()">

小蔡学Web:[14]JavaScript按钮事件

6、也可以把JS代码中的数值,修改掉,例如("alert('1 秒!')",1000),这样就是点击后1秒跳出对话框。

小蔡学Web:[14]JavaScript按钮事件
© 手抄报圈