栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

JavaScript中常用的3种弹出提示框(alert、confirm、prompt)

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JavaScript中常用的3种弹出提示框(alert、confirm、prompt)

三种提示框

  • alert ()
  • confirm()
  • prompt ()
alert ()

alert()方法是显示一条弹出提示消息和确认按钮的警告框。
需要注意的是 :alert()是一个阻塞的函数,如果我们不点确认按钮,后面的内容就不会加载出来。

使用方式:

alert("想要提示的文本内容")

样例代码:



	
		
		
		
	
	
		

alert是阻塞的函数

这句话只有在确认弹出框的提示文本后才会显示

效果截图:

confirm()

confirm()方法是显示一个含有指定消息和确认和取消按钮的确认框。
如果点击"确定"返回true,否则返回false。

使用方式:

不接收返回值:

confirm("这样写可以直接显示,不接收返回值。")

接收返回值:

var x; 
var r=confirm("请按下按钮!");
if (r==true){
	x="你按下的是"确定"按钮。";
}
else{
	x="你按下的是"取消"按钮。";
}
document.write(x)

样例代码:



	
		
		
		
	
	
	


效果截图:

prompt ()

prompt()方法是显示提示用户进行输入的对话框。
这个方法返回的是用户输入的字符串。

使用方式:

不显示默认文本:

prompt("开心吗?"); // 这个显示内容也可以不写,但就没有交互的意义了。

显示默认文本:

var x; 
var name=prompt("请输入你的名字","Keafmd"); 
if (name!=null && person!=""){ 
 x="你好! " + name + "。";
 document.write(x)
} 

样例代码:



	
		
		
		
	
	
	


效果截图:

总结

到此这篇关于Javascript中常用的3种弹出提示框(alert、/confirm/i、prompt)的文章就介绍到这了,更多相关js弹出提示框(alert、/confirm/i、prompt)内容请搜索考高分网以前的文章或继续浏览下面的相关文章希望大家以后多多支持考高分网!

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/67824.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号