While循环的用处以及prompt（）方法的注意点

最新推荐文章于 2024-08-14 03:59:42 发布

p_hao

最新推荐文章于 2024-08-14 03:59:42 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/p_hao/article/details/90442731

版权

之前写demo时，有这样一个需求，就是页面弹窗让用户输入账号密码，没输入的话就一直弹窗。

我下意识的想法就是if语句和for循环。后来想起一个东西，就是while循环，while循环的话，只要不满足你设定的条件，while循环里的代码就会一直执行。弹窗因为只是做个demo，就直接用prompt()方法，使用该方法浏览器会弹出对话框让用户输入内容。

于是，效果如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>While循环的用处以及prompt()方法的注意点</title>
	</head>
	<body>
		
		<script>
			var name1 = '';
			var password1 = '';
			//当用户没有输入内容就点击对话框的确定按钮，以及用户点击对话框的取消按钮时，让用户重新输入。
			while(name1 == '' || name1 == null){
				//弹出对话框给用户输入内容
				name1 = prompt('请输入你的账号:',"");
			}
			while(password1 == '' || password1 == null){
				password1 = prompt('请输入你的密码:',"");
			}
			console.log(name1,password1);
		</script>
		
	</body>
</html>