Alert Confirm Prompt弹出框

弹出框

是JavaScript 语言中HTML DOM的方法

alert
弹出框 只能点击确定 无返回值

 alert('Hello World')

下方显示的是alert弹出框
alert

confirm
有确定 和 取消按钮,confirm弹框是带返回值的,如果用户点击了"确定",返回true,如果点击了"取消",则返回false。

confirm('Hello World!')

下方显示的是confirm的弹出框
confirm
下面我们将confirm赋值给confirm_Type
var confirm_Type = confirm('Hello World!')
点击确定 发现控制台的输出为true,点击取消发现返回值为false

prompt
带有输入框的弹出框 可以点击确定或者取消

prompt('How are you?')

下面为prompt弹出框
promt
我们将会发现prompt弹出框带有输入框
下面我们输入一点东西试试,并点击确认按钮
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>
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值