JavaScript一些函数-优快云博客

本文详细介绍了JavaScript中的prompt函数，包括其基本用法、返回值类型以及通过prompt函数进行数值输入和计算的过程，并通过实例展示了如何在实际项目中应用prompt函数。

1.prompt()函数:有两个参数，一个是显示用户输入框上面的标签，另一个是输入框的初始值。用来接收用户输入的值，然后把它返回到代码中；

例如:

 1 <doctype html>
 2 <html>
 3     <head>
 4         <title>Tset</title>
 5     </head>
 6     <body>
 7         <script type="text/javascript">
 8         var docElement =prompt("please enter your name","text");
 9            alert(docElement);
10         </script>
11     </body>
12 </html>

Prompt函数

谷歌浏览器中运行的效果图：

2.Prompt函数返回的是字符串类型：

 1 <doctype html>
 2 <html>
 3     <head>
 4         <title>Tset</title>
 5     </head>
 6     <body>
 7         <script type="text/javascript">
 8            var sum=1+2;
 9            document.write("the total num is:",sum);
10         </script>
11     </body>
12 </html>

1+2

效果图：

使用Promrpt函数做上面的操作：

 1 <doctype html>
 2 <html>
 3     <meta charset="utf-8"/>
 4     <head>
 5         <title>Tset</title>
 6     </head>
 7     <body>
 8         <script type="text/javascript">
 9            var num1=prompt("请输入一个数字")
10            var sum=1+num1;
11            document.write("the total num is:",sum);
12         </script>
13     </body>
14 </html>

prompt函数计算，返回值为字符串类型

效果图：

3.typeof运算符返回传递给它的参数的数据类型，因此我们可以使用它来判断js正在处理哪种数据类型，我们来验证一下prompt返回的是什么数据类型。

 1 <doctype html>
 2 <html>
 3     <meta charset="utf-8"/>
 4     <head>
 5         <title>Tset</title>
 6     </head>
 7     <body>
 8         <script type="text/javascript">
 9            var num1=prompt("请输入一个数字")
10            
11            document.write(typeof(num1));
12         </script>
13     </body>
14 </html>