使用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 相关文章推荐
关于js遍历表格的实例
Jul 10 Javascript
JS 获取滚动条高度示例代码
Oct 24 Javascript
jquery中插件实现自动添加用户的具体代码
Nov 15 Javascript
jQuery垂直多级导航菜单代码分享
Aug 18 Javascript
ES6中的rest参数与扩展运算符详解
Jul 18 Javascript
JS+CSS实现网页加载中的动画效果
Oct 27 Javascript
详解如何实现一个简单的Node.js脚手架
Dec 04 Javascript
select标签设置默认选中的选项方法
Mar 02 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
May 07 Javascript
vue click.stop阻止点击事件继续传播的方法
Sep 04 Javascript
关于layui的动态图标不显示的解决方法
Sep 04 Javascript
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
Mar 10 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
Javascript 网页水印(非图片水印)实现代码
2010/03/01 Javascript
在chrome中window.onload事件的一些问题
2010/03/01 Javascript
IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结
2012/05/14 Javascript
JQuery实现的图文自动轮播效果插件
2015/06/19 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
2016/01/22 Javascript
JavaScript提升性能的常用技巧总结【经典】
2016/06/20 Javascript
Node.js实现文件上传
2016/07/05 Javascript
深入理解Node.js 事件循环和回调函数
2016/11/02 Javascript
简单实现js浮动框
2016/12/13 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
2017/01/09 Javascript
JS图片压缩(pc端和移动端都适用)
2017/01/12 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
2017/03/02 Javascript
Vue 换肤的示例实践
2018/01/23 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
2018/07/20 Javascript
layui前端框架之table表数据的刷新方法
2018/08/17 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
2020/10/27 Javascript
Python字典操作详细介绍及字典内建方法分享
2018/01/04 Python
Python实现的括号匹配判断功能示例
2018/08/25 Python
Pycharm以root权限运行脚本的方法
2019/01/19 Python
python将类似json的数据存储到MySQL中的实例
2019/07/12 Python
Python传递参数的多种方式(小结)
2019/09/18 Python
在flask中使用python-dotenv+flask-cli自定义命令(推荐)
2020/01/05 Python
Python3爬虫中Splash的知识总结
2020/07/10 Python
Python SMTP发送电子邮件的示例
2020/09/23 Python
JINS眼镜官方网站:日本最大的眼镜邮购
2016/10/14 全球购物
波兰购物网站:MALL.PL
2019/05/01 全球购物
应征英语教师求职信
2013/11/27 职场文书
建筑工程管理专业自荐信范文
2013/12/28 职场文书
人民教师求职自荐信
2014/03/12 职场文书
员工廉洁自律承诺书
2014/05/26 职场文书
2014年征兵标语
2014/06/20 职场文书
网上祭先烈心得体会
2014/09/01 职场文书
学雷锋倡议书
2015/01/19 职场文书
SQLServer2019 数据库的基本使用之图形化界面操作的实现
2021/04/08 SQL Server
浅谈JS的二进制家族
2021/05/09 Javascript
Tomcat安装使用及部署Web项目的3种方法汇总
2022/08/14 Servers