使用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>

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

Javascript 相关文章推荐
Hutia 的 JS 代码集
Oct 24 Javascript
JavaScript学习笔记之获取当前目录的实现代码
Dec 14 Javascript
jQuery实现数秒后自动提交form的方法
Mar 05 Javascript
Jquery技巧(必须掌握)
Mar 16 Javascript
JavaScript中的操作符类型转换示例总结
May 30 Javascript
Web制作验证码功能实例代码
Jun 19 Javascript
JavaScript中使用Async实现异步控制
Aug 15 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
Feb 01 Javascript
基于jQuery实现无缝轮播与左右点击效果
May 13 jQuery
详解webpack打包第三方类库的正确姿势
Oct 20 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
Jan 19 Javascript
layui 实现表格某一列显示图标
Sep 19 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
yii实现级联下拉菜单的方法
2014/07/31 PHP
PHP实现加强版加密解密类实例
2015/07/29 PHP
学习php设计模式 php实现抽象工厂模式
2015/12/07 PHP
PHP中的Trait 特性及作用
2016/04/03 PHP
Laravel 5.5 的自定义验证对象/类示例代码详解
2017/08/29 PHP
Laravel框架运行出错提示RuntimeException No application encryption key has been specified.解决方法
2019/04/02 PHP
解决php用mysql方式连接数据库出现Deprecated报错问题
2019/12/25 PHP
使用prototype.js 的时候应该特别注意的几个问题.
2007/04/12 Javascript
JavaScript中null与undefined分析
2009/07/25 Javascript
Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
2010/03/16 Javascript
javascript截取字符串(通过substring实现并支持中英文混合)
2013/06/24 Javascript
JS、DOM和JQuery之间的关系示例分析
2014/04/09 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
2016/06/06 Javascript
Jquery遍历select option和添加移除option的实现方法
2016/08/26 Javascript
javascript的document中的动态添加标签实现方法
2016/10/24 Javascript
微信小程序之购物车功能
2020/09/23 Javascript
jquery实现企业定位式导航效果
2018/01/01 jQuery
node获取客户端ip功能简单示例
2019/08/24 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
2019/09/14 Javascript
Vue+Bootstrap实现简易学生管理系统
2021/02/09 Vue.js
[04:31]2016国际邀请赛中国区预选赛妖精采访
2016/06/27 DOTA
python使用matplotlib绘制柱状图教程
2017/02/08 Python
Python中元组,列表,字典的区别
2017/05/21 Python
Python之列表的插入&amp;替换修改方法
2018/06/28 Python
Python3中的最大整数和最大浮点数实例
2019/07/09 Python
Python标准库json模块和pickle模块使用详解
2020/03/10 Python
Python图像处理二值化方法实例汇总
2020/07/24 Python
pyqt5实现井字棋的示例代码
2020/12/07 Python
Python日志打印里logging.getLogger源码分析详解
2021/01/17 Python
用React加CSS3实现微信拆红包动画效果
2017/03/13 HTML / CSS
有影响力的品牌之家:Our Social Collective
2019/06/08 全球购物
sealed修饰符是干什么的
2012/10/23 面试题
人事主管岗位职责范本
2013/12/04 职场文书
四年大学自我鉴定
2014/02/17 职场文书
保密工作整改情况汇报
2014/11/06 职场文书
python实现商品进销存管理系统
2022/05/30 Python