如何在HTML和JavaScript中显示和输入来自用户窗口提示的数据?

HTML Dom或JavaScript编程语言提供Window.prompt()  它显示一个对话框,其中包含一条可选消息,提示用户输入一些文本。prompt()函数对于实时或交互式地从用户获取数据非常有用。从浏览器输入用户数据有不同的方法,但这是最简单、最简单的方法。

安德玛官方UA MFO Live Script女子训练运动短袖T恤1363494
宽松剪裁,柔软舒适,运动灵活,轻质宽松 | 月销量118件
优惠价199元
原价¥199

淘口令:

¥Dj9yXPnS2Ms¥
 

语法和参数

window.prompt() 函数具有以下语法,其中我们有两个名为 message default

result = window.prompt(message, default);
  • `result`是用户以交互方式输入的值
  • `message`是用输入框向用户显示的消息
  • `default`是默认设置为输入的值。

向用户显示消息

如前所述,我们可以在输入过程中向用户显示或呈现消息。我们将使用message参数。在本例中,我们将打印消息 "Please Enter Your Age" .

let age = prompt("Please Enter Your Age");
Display Message To The User
向用户显示消息

调用和使用prompt()函数的不同方法

在前面的示例中,我们调用了 prompt() 直接起作用。但是调用prompt()函数有以下几种不同的方法。以下所有示例都是相同的,没有区别。

prompt("Please Enter Your Age");window.prompt("Please Enter Your Age");

设置默认值显示输入字段

prompt()函数主要用于输入或从用户处获取值。在某些情况下,我们可能需要指定一个用户可以使用的默认值。我们可以在消息后面指定默认值。在本例中,我们将使用默认值18作为年龄。

prompt("Please Enter Your Age","18");
Set Default Value Display Input Field
设置默认值显示输入字段

将输入转换为数字

prompt()函数将从用户处读取给定的值,并在JavaScript中以字符串类型返回。如果用户单击 Cancel 按钮返回值 null 也就是说没有价值。我们可以用 Number 用于将字符串转换为数字的函数。

const age=prompt("Please Enter Your Age");

© 版权声明
THE END
喜欢就支持一下吧,技术咨询可以联系QQ407933975
点赞0
分享