上QQ阅读APP看书，第一时间看更新
1.4.5 【案例】使用变量保存用户输入的值
在1.3.3小节中讲解了使用prompt()语句可以在页面中弹出一个输入框，提示用户输入内容。当用户输入内容后，使用变量就可以保存用户输入的内容。
下面演示如何使用变量保存用户输入的值。声明一个email变量，当用户打开页面时提示用户输入邮箱，用户输入邮箱并单击“确定”按钮后，页面将显示用户的邮箱，具体代码如例1-3所示。
例1-3 Example3.html
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=＂UTF-8＂> 5 <title>Document</title> 6 </head>
7 <body> 8 <script> 9 var email = prompt（＇请输入您的邮箱：＇）; 10 alert（email）; 11 </script> 12 </body> 13 </html>
上述代码中，第9行的email变量用于保存用户在输入框中输入的值，第10行代码用于显示用户输入的值。
保存代码，在浏览器中进行测试，例1-3的运行结果如图1-18所示。
图1-18 例1-3的运行结果
在图1-18所示的页面中弹出的输入框中输入“123456@qq.com”并单击“确定”按钮后，页面的显示信息如图1-19所示。
图1-19 页面的显示信息
图1-19中，页面显示了“123456@qq.com”，说明变量成功保存了用户输入的值。