JavaScript中比较常见的几种弹窗

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

目录

一、alert(警告框)
二、confirm(确认框)
三、prompt (提示框)
 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>alert是阻塞的函数</div>
		<div>这句话在确认弹出框的提示文本后才会显示</div>
	</body>
    <script>
		alert("弹出框文本")
	</script>
</html>、
二、confirm(确认框)
 var x; var r=confirm("请按下按钮!"); if (r==true){ x="你按下的是\"确定\"按钮。"; } else{ x="你按下的是\"取消\"按钮。"; } document.write(x)
三、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>

今天的文章 JavaScript中比较常见的几种弹窗分享到此就结束了,感谢您的阅读。
编程小号
上一篇 2025-01-01 15:51
下一篇 2025-01-01 15:46

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/bian-cheng-ji-chu/98660.html