编程 Javascript

使用window.prompt()实现弹出用户输入的对话框

Posted in Javascript onApril 13, 2015

无意中看到window.prompt()方法,之前真没有使用过，孤陋寡闻。不过现在学习下吧。

在网页中，有时需要弹出一个提示框，而且在提示框中还需要用户输入一些内容，这就可以用prompt对象，具体实现用法如下。

<!DOCTYPE html>
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <script>
   var _saytext = decodeURI("我真笨");
   
   var _text;
   
   var err_list = new Array("别乱填！！","快填，别试了！！");
   
   _text = prompt("在下面输入框填“" + _saytext +"”");
   
   for ( i = 0; _text != _saytext; ++i) {
     if ( i == err_list.length) {
      i = 0;
     }
     alert(err_list[i]);
     _text = prompt("在下面输入框填“" + _saytext +"”");
   }
   
   alert("嗯，这就对了！");
 </script>
 </head>
 </html>

以上所述就是本文的全部内容了，希望大家能够喜欢。

使用window.prompt()实现弹出用户输入的对话框

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery 树形结构的选择器

Feb 15 Javascript

jQuery帮助之筛选查找 children([expr])

Jan 31 Javascript

基于JavaScript 声明全局变量的三种方式详解

May 07 Javascript

JQuery+CSS实现图片上放置按钮的方法

May 29 Javascript

巧方法 JavaScript获取超链接的绝对URL地址

Jun 14 Javascript

js实现符合国情的日期插件详解

Jan 19 Javascript

jQuery Datatable 多个查询条件自定义提交事件(推荐)

Aug 24 jQuery

js实现HTML中Select二级联动的实例

Jan 05 Javascript

Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结

May 28 Javascript

详解Nuxt内导航栏的两种实现方式

Apr 16 Javascript

浅谈vue中resetFields()使用注意事项

Aug 12 Javascript

vue实现简单全选和反选功能

Sep 15 Javascript

jsMind通过鼠标拖拽的方式调整节点位置

Apr 13 #Javascript

javascript继承的六大模式小结

Apr 13 #Javascript

javascript制作的简单注册模块表单验证

Apr 13 #Javascript

简化版手机端照片预览组件

Apr 13 #Javascript

javascript引用类型指针的工作方式

Apr 13 #Javascript

javascript实现图片自动和可控的轮播切换特效

Apr 13 #Javascript

使用jQuery实现更改默认alert框体

Apr 13 #Javascript

You might like

咖啡历史、消费和行业趋势

2021/03/03 咖啡文化

php跨域cookie共享使用方法

2014/02/20 PHP

将二维数组转为一维数组的2种方法

2014/05/26 PHP

PHP扩展开发入门教程

2015/02/26 PHP

PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例

2020/08/17 PHP

PHP中检索字符串的方法分析【strstr与substr_count方法】

2017/02/17 PHP

一段非常简单的让图片自动切换js代码

2006/11/10 Javascript

Prototype使用指南之selector.js

2007/01/10 Javascript

jQuery的三种$()

2009/12/30 Javascript

JavaScript 格式字符串的应用

2010/03/29 Javascript

基于Jquery实现的一个图片滚动切换

2012/06/21 Javascript

jQuery实现锚点scoll效果实例分析

2015/03/10 Javascript

javascript验证内容为数字以及长度为10的简单实例

2016/08/20 Javascript

详解jQuery中的事件

2016/12/14 Javascript

vue组件父与子通信详解（一）

2017/11/07 Javascript

微信小程序云开发如何实现数据库自动备份实现

2019/08/16 Javascript

element中的$confirm的使用

2020/04/26 Javascript

Vue中watch、computed、updated三者的区别及用法

2020/07/27 Javascript

原生JavaScript实现换肤

2021/02/19 Javascript

python标准算法实现数组全排列的方法

2015/03/17 Python

Python中@property的理解和使用示例

2019/06/11 Python

python获取磁盘号下盘符步骤详解

2019/06/19 Python

对python中的os.getpid()和os.fork()函数详解

2019/08/08 Python

ipad上运行python的方法步骤

2019/10/12 Python

python图形用户接口实例详解

2019/12/16 Python

pycharm 对代码做静态检查操作

2020/06/09 Python

python中K-means算法基础知识点

2021/01/25 Python

HTML5 层的叠加的实现

2020/07/07 HTML / CSS

如何将字串String转换成整数int

2015/02/21 面试题

大学生毕业的自我鉴定

2013/11/13 职场文书

学生思想表现的评语

2014/01/30 职场文书

党的群众路线教育实践活动个人批评与自我批评

2014/10/16 职场文书

大学生自荐信范文

2015/03/05 职场文书

python urllib库的使用详解

2021/04/13 Python

Python将CSV文件转化为HTML文件的操作方法

2021/06/30 Python

微信小程序结合ThinkPHP5授权登陆后获取手机号

2021/11/23 PHP