首页 >> 精选知识 >

js如何创建弹框及确认取消框

2024-06-29 06:30:35  来源:网易  用户: 
📌 本文为历史内容整理发布,信息仅供参考,请以最新信息为准。
【#js如何创建弹框及确认取消框#】

1、新建html文件,用js创建一个弹框

2、预览效果如图,点击按钮

3、出现弹框

4、创建确认取消框按钮并添加点击事件

5、创建确认取消框函数,定义确认取消弹框内容

6、if判断真假,分别输出不同的内容

7、输出的内容用html表示

8、添加输出内容的标签p

9、预览效果,默认状态下,没有点击任何按钮

10、点击确认取消框按钮,弹出确认取消框,点击确定

11、如图输出以下内容

12、点击确认取消框按钮,弹出确认取消框,点击取消

13、如图输出以下内容

【#js如何创建弹框及确认取消框#】到此分享完毕,希望对大家有所帮助。

免责声明:本文由用户上传,与本网站立场无关。财经信息仅供读者参考,并不构成投资建议。投资者据此操作,风险自担。 如有侵权请联系删除!

最新文章