js 自带的三种弹框

最新推荐文章于 2024-06-12 16:19:00 发布

胡小牧

最新推荐文章于 2024-06-12 16:19:00 发布

阅读量840

点赞数

分类专栏：前端知识学习记录文章标签： js 三种弹框

岁月推动着年华,伴随着流水的脚步走过春夏秋冬.本文重在共享,欢迎大家转载,评论,指教,谢谢！！！！！！

本文链接：https://blog.csdn.net/qq_33210042/article/details/91490478

版权

前端知识学习记录专栏收录该内容

18 篇文章 1 订阅

订阅专栏

1 警告框alert()

2 确认框confirm()

3 提示框prompt()

一个代码

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
	</head>

	<body>
		<p id="demo"></p>
		<button onclick="click1()">弹出警告框</button>
		<button onclick="click2()">弹出确认框</button>
		<button onclick="click3()">弹出提示框</button>
		<script>
			function click1() {
				alert("大家好才是真的好")
			}

			function click2() {
				if(confirm("温馨提示!")) {
					console.log("点击确认")
				} else {
					console.log("点击取消")
				}
			}

			function click3() {
				var txt;
				var person = prompt("请输入您的名字：", "");
				if(person == null || person == "") {
					txt = "用户取消输入";
				} else {
					txt = "你好，" + person + "！今天过得好吗？";
				}
				document.getElementById("demo").innerHTML = txt;
			}
			
		</script>
	</body>

</html>