js实现删除确认提示框
js实现删除确认提示框
一、实例描述
防止用户小心单击了“删除”按钮,在用户单击“删除”按钮后,给出一个提示,让用户确认此次操作是否正确。
二、效果
三、代码
1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="utf-8"> 5 <title>课堂演示</title> 6 <style type="text/css"> 7 input{ 8 margin: 10px; 9 width: 100px; 10 height: 30px; 11 } 12 </style> 13 </head> 14 <body> 15 <input id="Button1" type="button" value="删除" onclick="del()"><br> 16 <script> 17 //var r=confirm("确实要删除吗?") 18 function del(){ 19 if(confirm("确实要删除吗?")){ 20 alert("已经删除!"); 21 }else{ 22 alert("已经取消了删除操作"); 23 } 24 } 25 </script> 26 27 </body> 28 </html>
css部分
1、定义格式关键词是style
2、类型是type
3、直接是input加上大括号,没得别的东西干扰
4、属性是用的:而不是=,例如 margin: 10px;
js部分
1、onclick里面是直接函数,没得其它东西,就是调用js函数,直接在onclick里面写想调用的js函数就好,没别的东西,当然函数时有括号的,例如del()
2、js里面的引号都是双引号
3、confirm提示框,confirm
4、confirm那句话不能写字if外面,否则页面load的时候会执行那句话
四、总结
涉及到的知识点:
- confirm():用于显示一个带有指定消息和 OK 及取消按钮的对话框。
如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。
- 包含一个if判断语句的函数
版权申明:欢迎转载,但请注明出处
一些博文中有一些参考内容因时间久远找不到来源了没有注明,如果侵权请联系我删除。
在校每年国奖、每年专业第一,加拿大留学,先后工作于华东师范大学和香港教育大学。
2024-10-30:27岁,宅加太忙,特此在网上找女朋友,坐标上海,非诚勿扰,vx:fan404006308
AI交流资料群:753014672