prompt方法 window . prompt

本文介绍如何利用window.prompt()方法在网页上创建带有提示信息及输入框的对话框来收集用户输入的数据。该方法属于JavaScript的一部分,适用于前端开发中需要与用户交互的场景。
 语法:
vTextData = window . prompt ( sMessage , sDefaultValue )
参数:
sMessage :  可选项。字符串(String)。指定在对话框内要被显示的信息。如果忽略此参数,将不显示任何信息。
sDefaultValue :  可选项。字符串(String)。指定对话框内输入框( input )的值( value )。如果忽略此参数,将被设置为 undefined 。

返回值:
vTextData :  字符串(String) | 整数(Integet)。返回用户在对话框的输入框( input )内输入的值( value )。

说明:
显示一个包含提示信息以及输入框( input )的提示对话框。
此对话框为模式对话框,其标题栏文字不可以被改变。
示例:
document.title = window.prompt(document.title,"返回的信息");

<script>
function rdl_doClick(){
var oMessage=document.all("oMessage");
oMessage.value=window.prompt(oMessage.value,"返回的信息");
}
</script>


<input id=oMessage type=text size=40 value="请在此输入信息。">
<br><br>
<input type=button value=" 显示对话框 " onclick="rdl_doClick();">

### JavaScript `window.prompt` 使用方法 #### 基础概念 `window.prompt()` 是浏览器内置的一个函数,用于显示一个对话框,向用户请求输入。该方法会暂停当前页面的执行直到用户关闭对话框为止。此方法返回用户输入的内容作为字符串形式的数据,如果用户点击取消或关闭对话框,则返回 `null`。 #### 函数签名 ```javascript var userInput = window.prompt(text [, defaultValue]); ``` - **text**: 显示给用户的提示消息。 - **defaultValue** (可选): 文本框内的初始内容,默认为空字符串[^2]。 #### 返回值处理 当用户交互完成后,可以通过简单的逻辑判断来决定下一步操作: - 如果用户提供了有效输入(即非空且不是通过取消按钮退出),则继续后续流程; - 否则采取其他措施,如给出默认响应或者再次询问等。 #### 实际应用案例 下面是一个具体的例子展示了如何利用 `window.prompt()` 来收集用户的名字,并根据其回应做出相应反应: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Prompt Example</title> </head> <body> <script type="text/javascript"> // 获取用户名字 let userName = window.prompt('请输入你的姓名', ''); // 判断是否有合法输入 if (!userName || userName === null) { // 用户未输入任何信息 或者 取消了对话框 console.log("您选择了跳过"); } else { // 输出欢迎语句至控制台 console.log(`你好, ${userName}`); } </script> </body> </html> ``` 这段代码首先尝试让用户填写自己的名字;如果没有得到有效的回复,则会在开发者工具的日志区域打印一条通知说明情况;反之则会友好地问候对方。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值