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

JS教程 实现点击弹框

时间:2024-11-02 20:20:13

1、新建一个点击弹框.html 文件,如图所示:

JS教程 实现点击弹框

2、输入HTML5的结构代码,将title标签里面的内容修改成:点击弹框,如图所示:

JS教程 实现点击弹框

3、输入JS脚本的格式,其type设置如图所示:

JS教程 实现点击弹框

4、使用input标签定义一个按钮,如图所示:

JS教程 实现点击弹框

5、定义一个click函数,并且弹出一个对话框,如图所示:

JS教程 实现点击弹框

6、在input标签中,调用刚刚定义好的click函数,代码如图所示:

JS教程 实现点击弹框
© 手抄报圈