JavaScript中比较常见的几种弹窗

最新推荐文章于 2024-04-20 14:57:38 发布

聂聂脸

最新推荐文章于 2024-04-20 14:57:38 发布

阅读量690

点赞数 8

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/2301_79420857/article/details/134621114

版权

一、alert（警告框）
二、confirm（确认框）
三、prompt (提示框)

一、alert（警告框）
alert （）是一种弹窗，他是直接在满足他的条件的情况下直接他弹出的，但是这个弹出窗的弊端也是多多，alert（）弹出窗只有一个确认按钮，所以不适用于需要用户抉择的情况下，我们尽量不用alert（）弹窗，应该各位都知道，当代码走到alert的时候他会直接阻止整个程序的运行，如果我们不点确认按钮，后面的内容就不会加载出来

代码演示：

 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>alert是阻塞的函数</div>
		<div>这句话在点击确认弹出框的提示文本后才会显示</div>
	</body>
    <script>
		alert("弹出框文本")
	</script>
</html>、

二、confirm（确认框）

confirm()方法是显示一个含有指定消息和确认和取消按钮的确认框。
如果点击"确定"返回true，否则返回false，这个弹窗可以让客户用来进行一些抉择，比如删除按钮可以来一个confirm（），让客户可以选择是否删除，以防误触

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

三、prompt (提示框)

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

 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script>
			//方式一
			prompt("开心吗?"); // 这个显示内容也可以不写，但就没有交互的意义了。
			
			//方式二
			var x; 
			var name=prompt("请输入你的名字","Keafmd"); //显示默认文本 "Keafmd"
			if (name!=null && name!=""){ 
			 x="你好! " + name + "。";
			 document.write(x)
			} 
		</script>
		<title></title>
	</head>
	<body>
	</body>
</html>

聂聂脸

关注

8
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
JavaScript中比较常见的几种弹窗

alert （）是一种弹窗，他是直接在满足他的条件的情况下直接他弹出的，但是这个弹出窗的弊端也是多多，alert（）弹出窗只有一个确认按钮，所以不适用于需要用户抉择的情况下，我们尽量不用alert（）弹窗，应该各位都知道，当代码走到alert的时候他会直接阻止整个程序的运行，如果我们不点确认按钮，后面的内容就不会加载出来。如果点击"确定"返回true，否则返回false，这个弹窗可以让客户用来进行一些抉择，比如删除按钮可以来一个confirm（），让客户可以选择是否删除，以防误触。一、alert（警告框）
复制链接

扫一扫