小蔡学Web:[14]JavaScript按钮事件
1、打开DW软件,然后新建一个空白网页,然后保存为JS按钮事件.html。
![小蔡学Web:[14]JavaScript按钮事件](https://exp-picture.cdn.bcebos.com/ccc83ec5260f8835684f006ace07880139708619.jpg)
2、在body中输入一个表单,输入一个按钮,如下:<form><input type="button" value="请点击"></form>
![小蔡学Web:[14]JavaScript按钮事件](https://exp-picture.cdn.bcebos.com/3bcdb808a50f94fcef49c27a4cf88a775cddfc19.jpg)
3、然后我们在title中输入JS的内部调用:<script type="text/javascript"></script>用来书写按钮事件的代码。
![小蔡学Web:[14]JavaScript按钮事件](https://exp-picture.cdn.bcebos.com/2e66f9ef28066b0158186af43df39187021cf319.jpg)
4、将JS的函数写入到<script type="text/javascript"></script>之中。function time(){var t=setTimeout("alert('5 秒!')",5000)}
![小蔡学Web:[14]JavaScript按钮事件](https://exp-picture.cdn.bcebos.com/aebdff86242fa87240dae750bfdaf05e4b23e919.jpg)
5、将鼠标事件调用写入到表单中:<input type="button" value="请点击" onClick = "time()">
![小蔡学Web:[14]JavaScript按钮事件](https://exp-picture.cdn.bcebos.com/359bee5e4a23797124d8cf6c93196120a6cde319.jpg)
6、也可以把JS代码中的数值,修改掉,例如("alert('1 秒!')",1000),这样就是点击后1秒跳出对话框。
![小蔡学Web:[14]JavaScript按钮事件](https://exp-picture.cdn.bcebos.com/979906196120a7cdd3aba24689b375d7987bdc19.jpg)