博客
关于我
JavaScript基础之弹窗(七)
阅读量:150 次
发布时间:2019-02-28

本文共 871 字,大约阅读时间需要 2 分钟。

JavaScript 交互框架

在网页开发中,JavaScript 提供了多种交互框架,帮助开发者与用户进行互动。其中,最常用的三个框架是警告框、确认框和提示框,它们分别用于显示信息、获取用户确认以及获取用户输入。

警告框

警告框(Alert)用于显示重要信息或提醒用户。当用户点击警告框中的"确定"按钮时,脚本将执行相应的操作。以下是使用警告框的示例代码:

alert("sometext");

这个方法适用于需要立即获取用户注意力的场景,比如当用户输入错误信息时或需要确认操作时。

确认框

确认框(Confirm)与警告框类似,但它会返回一个布尔值来表示用户的选择。当用户点击"确定"时,返回值为true;点击"取消"时,返回值为false。以下是使用确认框的示例代码:

confirm("sometext");

确认框通常用于需要用户双重确认的操作,比如删除数据或提交表单时。

提示框

提示框(Prompt)允许用户输入文本,并返回输入的值。如果用户点击取消按钮,则返回null。以下是使用提示框的示例代码:

var person = prompt("请输入你的名字", "Harry Potter");

如果用户输入了内容,可以通过条件语句检查输入值。以下是示例:

if (person != null && person != "") { var x = "你好 " + person + "! 今天感觉如何?"; document.getElementById("demo").innerHTML = x; }

这个功能非常有用,适用于收集用户反馈或获取基本信息。

转载地址:http://wmoc.baihongyu.com/

你可能感兴趣的文章
npm run build 失败Compiler server unexpectedly exited with code: null and signal: SIGBUS
查看>>
npm WARN deprecated core-js@2.6.12 core-js@<3.3 is no longer maintained and not recommended for usa
查看>>
npm和yarn的使用对比
查看>>
npm报错unable to access ‘https://github.com/sohee-lee7/Squire.git/‘
查看>>
npm的问题:config global `--global`, `--local` are deprecated. Use `--location=global` instead 的解决办法
查看>>
NR,NF,FNR
查看>>
nrf开发笔记一开发软件
查看>>
NSDateFormatter的替代方法
查看>>
NSOperation基本操作
查看>>
NSSet集合 无序的 不能重复的
查看>>
NT AUTHORITY\NETWORK SERVICE 权限问题
查看>>
ntko文件存取错误_苹果推送 macOS 10.15.4:iCloud 云盘文件夹共享终于来了
查看>>
nullnullHuge Pages
查看>>
numpy 用法
查看>>
Numpy如何使用np.umprod重写range函数中i的python
查看>>
oauth2-shiro 添加 redis 实现版本
查看>>
OAuth2.0_JWT令牌-生成令牌和校验令牌_Spring Security OAuth2.0认证授权---springcloud工作笔记148
查看>>
OAuth2.0_JWT令牌介绍_Spring Security OAuth2.0认证授权---springcloud工作笔记147
查看>>
OAuth2.0_介绍_Spring Security OAuth2.0认证授权---springcloud工作笔记137
查看>>
OAuth2.0_完善环境配置_把资源微服务客户端信息_授权码存入到数据库_Spring Security OAuth2.0认证授权---springcloud工作笔记149
查看>>