使用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 面向对象编程基础:封装
Aug 21 Javascript
一个js导致的jquery失效问题的解决方法
Nov 27 Javascript
ie9 提示'console' 未定义问题的解决方法
Mar 20 Javascript
jQuery 获取、设置HTML或TEXT内容的两种方法
May 23 Javascript
推荐10 款 SVG 动画的 JavaScript 库
Mar 24 Javascript
详解JavaScript中Date.UTC()方法的使用
Jun 12 Javascript
js 获取当前web应用的上下文路径实现方法
Aug 19 Javascript
vue2.0 中使用transition实现动画效果使用心得
Aug 13 Javascript
浅谈javascript中的prototype和__proto__的理解
Apr 07 Javascript
ES6 let和const定义变量与常量的应用实例分析
Jun 27 Javascript
Vue路由切换页面不更新问题解决方案
Jul 10 Javascript
解决vue项目input输入框双向绑定数据不实时生效问题
Aug 05 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
DOM基础及php读取xml内容操作的方法
2015/01/23 PHP
php去掉文件前几行的方法
2015/07/29 PHP
PHP+AJAX实现投票功能的方法
2015/09/28 PHP
编写PHP脚本使WordPress的主题支持Widget侧边栏
2015/12/14 PHP
浅谈PHP命令执行php文件需要注意的问题
2016/12/16 PHP
PHP微信分享开发详解
2017/01/14 PHP
PHP5.0~5.6 各版本兼容性cURL文件上传功能实例分析
2018/05/11 PHP
laravel model模型处理之修改查询或修改字段时的类型格式案例
2019/10/17 PHP
css动画效果之animation的常用样式
2021/03/09 HTML / CSS
CSDN轮换广告图片轮换效果
2007/03/27 Javascript
JavaScript通过正则表达式实现表单验证电话号码
2014/03/07 Javascript
jquery实现多行文字图片滚动效果示例代码
2014/10/10 Javascript
js调试工具Console命令详解
2014/10/21 Javascript
手机Web APP如何实现分享多平台功能
2016/08/19 Javascript
80%应聘者都不及格的JS面试题
2017/03/21 Javascript
AngularJS 霸道的过滤器小结
2017/04/26 Javascript
10个在JavaScript开发中常遇到的BUG
2017/12/18 Javascript
基于Vue开发数字输入框组件
2017/12/19 Javascript
vue-cli3全面配置详解
2018/11/14 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
2019/05/10 Javascript
浅谈ECMAScript 中的Array类型
2019/06/10 Javascript
JS前后端实现身份证号验证代码解析
2020/07/23 Javascript
Vue自定义多选组件使用详解
2020/09/08 Javascript
Python实现并行抓取整站40万条房价数据(可更换抓取城市)
2016/12/14 Python
python自动发送测试报告邮件功能的实现
2019/01/22 Python
python操作kafka实践的示例代码
2019/06/19 Python
python中Django文件上传方法详解
2020/08/05 Python
详解python tkinter 图片插入问题
2020/09/03 Python
Python制作简单的剪刀石头布游戏
2020/12/10 Python
外包公司软件测试工程师
2014/11/01 面试题
淘宝活动策划方案
2014/02/06 职场文书
个性与发展自我评价
2014/02/11 职场文书
保险专业求职信
2014/07/07 职场文书
2014离婚协议书范文
2014/09/10 职场文书
仓库管理员岗位职责
2015/02/03 职场文书
浏览器常用基本操作之python3+selenium4自动化测试(基础篇3)
2021/05/21 Python