使用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 相关文章推荐
自定义右键属性覆盖浏览器默认右键行为实现代码
Feb 02 Javascript
js/jQuery对象互转(快速操作dom元素)
Feb 04 Javascript
javascipt基础内容--需要注意的细节
Apr 10 Javascript
javascript不可用的问题探究
Oct 01 Javascript
a标签的href与onclick事件的区别详解
Nov 12 Javascript
js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
Sep 02 Javascript
jQuery实现自动切换播放的经典滑动门效果
Sep 12 Javascript
JavaScript中用let语句声明作用域的用法讲解
May 20 Javascript
xmlplus组件设计系列之图标(ICON)(1)
May 05 Javascript
JS使用tofixed与round处理数据四舍五入的区别
Oct 25 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
Nov 04 Javascript
Nest.js环境变量配置与序列化详解
Feb 21 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
PHP开发入门教程之面向对象
2006/12/05 PHP
PHP中实现汉字转区位码应用源码实例解析
2010/06/14 PHP
从php核心代码分析require和include的区别
2011/01/02 PHP
php启用sphinx全文搜索的实现方法
2014/12/24 PHP
Yii统计不同类型邮箱数量的方法
2016/10/18 PHP
PHP实现的自定义数组排序函数与排序类示例
2016/11/18 PHP
PHP memcache在微信公众平台的应用方法示例
2017/09/13 PHP
redis+php实现微博(二)发布与关注功能详解
2019/09/23 PHP
Laravel使用swoole实现websocket主动消息推送的方法介绍
2019/10/20 PHP
在次封装easyui-Dialog插件实现代码
2010/11/14 Javascript
JS高级拖动技术 setCapture,releaseCapture
2011/07/31 Javascript
自动刷新网页,自动刷新当前页面,JS调用
2013/06/24 Javascript
深入理解javascript中的立即执行函数(function(){…})()
2014/06/12 Javascript
Javascript连接Access数据库完整实例
2015/08/03 Javascript
js和C# 时间日期格式转换的简单实例
2016/05/28 Javascript
AngularJS表单详解及示例代码
2016/08/17 Javascript
移动端点击图片放大特效PhotoSwipe.js插件实现
2016/08/25 Javascript
jQuery实现简单的手风琴效果
2020/04/17 jQuery
关于meta viewport中target-densitydpi属性详解(推荐)
2017/08/18 Javascript
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
2019/06/14 Javascript
使用preload预加载页面资源时注意事项
2020/02/03 Javascript
python多进程中的内存复制(实例讲解)
2018/01/05 Python
python如何修改装饰器中参数
2018/03/20 Python
Windows下安装Django框架的方法简明教程
2018/03/28 Python
对python中的pop函数和append函数详解
2018/05/04 Python
Django管理员账号和密码忘记的完美解决方法
2018/12/06 Python
PyCharm更改字体和界面样式的方法步骤
2019/09/27 Python
Python代码需要缩进吗
2020/07/01 Python
python利用 keyboard 库记录键盘事件
2020/10/16 Python
基于HTML5 Canvas的3D动态Chart图表的示例
2017/11/02 HTML / CSS
员工晚婚的请假条
2014/02/08 职场文书
《小熊住山洞》教学反思
2014/02/21 职场文书
2014广电局实施党的群众路线教育实践活动方案思想汇报
2014/09/22 职场文书
平安家庭事迹材料
2014/12/20 职场文书
2015年安全生产月活动总结
2015/03/26 职场文书
python实现双向链表原理
2022/05/25 Python