使用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 相关文章推荐
JSON.stringify 语法实例讲解
Mar 14 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
Nov 19 Javascript
JS记录用户登录次数实现代码
Jan 15 Javascript
jquery uploadify 在FF下无效的解决办法
Sep 26 Javascript
js实现键盘Enter键提交表单的方法
May 27 Javascript
Node.js批量给图片加水印的方法
Nov 15 Javascript
vue 中自定义指令改变data中的值
Jun 02 Javascript
vue better-scroll插件使用详解
Jan 25 Javascript
微信小程序实现联动选择器
Feb 15 Javascript
VueJS 取得 URL 参数值的方法
Jul 19 Javascript
微信小程序网络请求实现过程解析
Nov 06 Javascript
Javascript var变量删除原理及实现
Aug 26 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框架中使用PHP模板引擎Twig的例子
2014/06/13 PHP
通过php删除xml文档内容的方法
2015/01/23 PHP
PHP之十六个魔术方法详细介绍
2016/11/01 PHP
PHP XML Expat解析器知识点总结
2019/02/15 PHP
jQuery 学习6 操纵元素显示效果的函数
2010/02/07 Javascript
jQuery中setTimeout的几种使用方法小结
2013/04/07 Javascript
Jquery通过Ajax访问XML数据的小例子
2013/11/18 Javascript
node.js中的fs.readdir方法使用说明
2014/12/17 Javascript
js实现网页多级级联菜单代码
2015/08/20 Javascript
AngularJS中实现动画效果的方法
2016/07/28 Javascript
JS实现点击拉拽轮播图pc端移动端适配
2018/09/05 Javascript
微信小程序签到功能
2018/10/31 Javascript
webpack4 SplitChunks实现代码分隔详解
2019/05/23 Javascript
微信小程序中为什么使用var that=this
2019/08/27 Javascript
python实现通过pil模块对图片格式进行转换的方法
2015/03/24 Python
用Python制作在地图上模拟瘟疫扩散的Gif图
2015/03/31 Python
Python读写Json涉及到中文的处理方法
2016/09/12 Python
Python判断两个对象相等的原理
2017/12/12 Python
使用requests库制作Python爬虫
2018/03/25 Python
Python3.5实现的三级菜单功能示例
2019/03/25 Python
Django实现WebSSH操作物理机或虚拟机的方法
2019/11/06 Python
python连接mongodb数据库操作数据示例
2020/11/30 Python
CSS3 实现弹幕的示例代码
2017/08/07 HTML / CSS
美国卡车、吉普车和SUV零件网站:4 Wheel Parts
2016/11/24 全球购物
日本民宿预约平台:STAY JAPAN
2017/07/01 全球购物
德国宠物用品、宠物食品及水族馆网上商店:ZooRoyal
2017/07/09 全球购物
美国波西米亚风格服装品牌:Show Me Your Mumu
2018/01/05 全球购物
Big Green Smile德国网上商店:提供各种天然产品
2018/05/23 全球购物
美国校服网上商店:French Toast
2019/10/08 全球购物
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
出纳年终工作总结2014
2014/12/05 职场文书
2015年度优秀员工推荐信
2015/03/23 职场文书
政协常委会议主持词
2015/07/03 职场文书
文艺有韵味的诗句(生命类、亲情类...)
2019/07/11 职场文书
python解决12306登录验证码的实现
2021/04/18 Python
python plt.plot bar 如何设置绘图尺寸大小
2021/06/01 Python