二、效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
input{
margin: 10px;
width: 100px;
height: 30px;
}
</style>
</head>
<body>
<input id="Button1" type="button" value="删除" onclick="del()">
<script>
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判断语句的函数