js实现删除确认提示框
一、实例描述
防止用户小心单击了“删除”按钮，在用户单击“删除”按钮后，给出一个提示，让用户确认此次操作是否正确。
二、效果
三、代码
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>课堂演示</title>
<style type="text/css">
input{
margin: 10px;
width: 100px;
height: 30px;
}
</style>
</head>
<body>
<input id="Button1" type="button" value="删除" onclick="del()"><br>
<script>
//var r=confirm("确实要删除吗?")
function del(){
if(confirm("确实要删除吗?")){
alert("已经删除！");
}else{
alert("已经取消了删除操作");
}
}
</script> </body>
</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判断语句的函数