二、效果
<!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判斷語句的函數