使用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 相关文章推荐
Javascript 面向对象 对象(Object)
May 13 Javascript
获取select元素被选中的文本内容的js代码
Jan 29 Javascript
js左右弹性滚动对联广告代码分享
Feb 19 Javascript
jquery实现侧边弹出的垂直导航
Dec 09 Javascript
jQuery通过扩展实现抖动效果的方法
Mar 11 Javascript
JavaScript中字符串(string)转json的2种方法
Jun 25 Javascript
js+html5实现的自由落体运动效果代码
Jan 28 Javascript
浅谈JavaScript 浏览器对象
Jun 03 Javascript
webpack+vue2构建vue项目骨架的方法
Jan 09 Javascript
Vue实现简易计算器
Feb 25 Javascript
基于vue实现微博三方登录流程解析
Nov 04 Javascript
Vue.Draggable实现交换位置
Apr 07 Vue.js
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
PHP图片等比例缩放生成缩略图函数分享
2014/06/10 PHP
PHP小教程之实现双向链表
2014/06/12 PHP
php多任务程序实例解析
2014/07/19 PHP
php实现根据词频生成tag云的方法
2015/04/17 PHP
thinkphp利用模型通用数据编辑添加和删除的实例代码
2016/11/20 PHP
php实现的顺序线性表示例
2019/05/04 PHP
封装好的省市地区联动控件附下载
2007/08/13 Javascript
jQuery 打造动态下滑菜单实现说明
2010/04/15 Javascript
jquery中ajax学习笔记3
2011/10/16 Javascript
Javascript 中创建自定义对象的方法汇总
2014/12/04 Javascript
jquery 中ajax执行的优先级
2015/06/22 Javascript
jquery显示loading图片直到网页加载完成的方法
2015/06/25 Javascript
解析Node.js异常处理中domain模块的使用方法
2016/02/16 Javascript
JavaScript实现简单精致的图片左右无缝滚动效果
2017/03/16 Javascript
Webpack执行命令参数详解
2017/06/17 Javascript
vue mint-ui tabbar变组件使用
2018/05/04 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
2018/05/07 Javascript
vue项目搭建以及全家桶的使用详细教程(小结)
2018/12/19 Javascript
模块化react-router配置方法详解
2019/06/03 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
2020/11/07 Javascript
vue 实现基础组件的自动化全局注册
2020/12/25 Vue.js
用Python进行基础的函数式编程的教程
2015/03/31 Python
python利用dir函数查看类中所有成员函数示例代码
2017/09/08 Python
python django使用haystack:全文检索的框架(实例讲解)
2017/09/27 Python
Django原生sql也能使用Paginator分页的示例代码
2017/11/15 Python
通过实例学习Python Excel操作
2020/01/06 Python
TensorFlow梯度求解tf.gradients实例
2020/02/04 Python
解决python3插入mysql时内容带有引号的问题
2020/03/02 Python
python实现在线翻译
2020/06/18 Python
使用Python爬取Json数据的示例代码
2020/12/07 Python
基于Python实现天天酷跑功能
2021/01/06 Python
Html5 audio标签样式的修改
2016/01/28 HTML / CSS
优秀党员主要事迹
2014/01/19 职场文书
奥巴马连任演讲稿
2014/05/15 职场文书
nginx 防盗链防爬虫配置详解
2021/03/31 Servers
Node与Python 双向通信的实现代码
2021/07/16 Javascript