利用输入弹出框,输入学生姓名和成绩,点击取消后结束的js代码
时间: 2024-09-30 14:11:00 浏览: 19
您可以使用JavaScript结合HTML创建一个简单的交互式表单,允许用户输入学生姓名和成绩,然后可以使用`prompt`函数显示输入框。如果用户选择取消,通常会直接关闭提示窗口而无需额外的处理。下面是一个基本的例子:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>学生信息输入</title>
</head>
<body>
<button onclick="getStudentInfo()">输入学生信息</button>
<script>
function getStudentInfo() {
var studentName = prompt("请输入学生姓名:");
var studentScore = prompt("请输入学生成绩:");
// 用户点击取消按钮
if (prompt.isCancelled) {
alert("操作已取消,程序将退出.");
return;
}
// 如果用户没有取消,这里可以做进一步的处理,例如存储数据
console.log(`学生姓名: ${studentName}, 成绩: ${studentScore}`);
// 结束当前函数
window.close();
}
</script>
</body>
</html>
```
在这个例子中,当点击“输入学生信息”按钮时,会弹出两个输入框。用户可以选择输入并确认,若点击取消,则会收到一个警告消息,并自动关闭当前页面。