弹出框
是JavaScript 语言中HTML DOM的方法
alert
弹出框 只能点击确定 无返回值
alert('Hello World')
下方显示的是alert弹出框
confirm
有确定 和 取消按钮,confirm弹框是带返回值的,如果用户点击了"确定",返回true,如果点击了"取消",则返回false。
confirm('Hello World!')
下方显示的是confirm的弹出框
下面我们将confirm赋值给confirm_Type
var confirm_Type = confirm('Hello World!')
点击确定 发现控制台的输出为true,点击取消发现返回值为false
prompt
带有输入框的弹出框 可以点击确定或者取消
prompt('How are you?')
下面为prompt弹出框
我们将会发现prompt弹出框带有输入框
下面我们输入一点东西试试,并点击确认按钮
发现控制台会返回输入字段当前显示的文本。
如果用户单击提示框的取消按钮,则返回 nul
下面用表格总结一下
有无返回值 | |
---|---|
Alert | 无 |
Confirm | 点击确认返回true 点击取消返回false |
Prompt | 点击确定返回值为输入的内容 点击取消返回null |
算了不总结了 新手实在不会用博客 为啥只能上下插入行 不能左右插入列 什么类型的弹出框没地方写 心塞塞
那就下面放段代码 需要了复制下吧
<script type="text/javascript">
//Alert 弹出框 只能点击确定 无返回值
var alert_Type = alert('Hello World!')
console.log(alert_Type)
//confirm 有确定 和 取消按钮,confirm弹框是带返回值的,如果用户点击了"确定",返回true,如果点击了"取消",则返回false。
var confirm_Type = confirm('Hello World!')
console.log(confirm_Type)
//prompt 带有输入框的弹出框 可以点击确定或者取消
var prompt_Type = prompt('How are you?')
console.log(prompt_Type)
</script>