之前写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>这种场景使用while循环是比较好的,清晰明了。还有给大家说下prompt()方法的注意点,用prompt()方法弹出的对话框,当不输入内容就点击确定按钮时得到的结果是'',当直接点击取消按钮时得到的结果是null。