1.4.5 【案例】使用变量保存用户输入的值_JavaScript+jQuery交互式Web前端开发（第2版）-QQ阅读男生玄幻网

在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”，说明变量成功保存了用户输入的值。

本周热推：