使用window.prompt()实现弹出用户输入的对话框

更新时间：2015年04月13日 11:22:42 投稿：hebedich

window对象的最后一种对话框是提示对话框，它显示了预先设置的信息并提供文本域供用户输入应答。它包括两个按钮，即Cancel和Ok，允许用户用两个相反的期望值来关闭这个对话框：取消整个操作或接收输入到对话框中的文本

无意中看到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>

以上所述就是本文的全部内容了，希望大家能够喜欢。

您可能感兴趣的文章:

JS实现表单中点击小眼睛显示隐藏密码框中的密码
这篇文章主要介绍了JS实现表单中点击小眼睛显示隐藏密码框中的密码，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考价值,需要的朋友可以参考下
2020-04-04
js实现京东轮播图效果
这篇文章主要为大家详细介绍了js实现京东轮播图效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-06-06
禁止IE用右键的JS代码
这篇文章主要介绍了禁止IE用右键的JS代码，有需要的朋友可以参考一下
2013-12-12
小程序多图列表实现性能优化的方法步骤
这篇文章主要介绍了小程序多图列表实现性能优化的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-05-05
使用JS代码实现点击按钮下载文件
有时候我们在网页上需要增加一个下载按钮，让用户能够点击后下载页面上的资料，那么怎样才能实现功能呢？今天小编给大家分享两种方法实现js实现点击按钮下载文件，需要的朋友参考下吧
2016-11-11
javascript权威指南学习笔记之变量作用域分享
最近一直在看《javascript权威指南第五版》，变量作用域这一章，看得真的有点累。不过，收获还是多多。
2011-09-09
js提示框替代系统alert,自动关闭alert对话框的实现方法
下面小编就为大家带来一篇js提示框替代系统alert,自动关闭alert对话框的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-11-11
关于div自适应高度/左右高度自适应一致的js代码
在DIV和CSS进行网页布局中，DIV的自适应高度和自适应宽度是一个很常见的问题，本文将介绍左右自适应高度一致的Jquery与DIV高度自适应屏幕的js
2013-03-03
JavaScript数组常用操作技巧汇总
这篇文章主要介绍了JavaScript数组常用操作技巧,以实例形式汇总了针对数组的查找、连接、排序及迭代等各种常见操作技巧,非常具有实用价值,需要的朋友可以参考下
2014-11-11
浅谈微信小程序flex布局基础
这篇文章主要介绍了浅谈微信小程序flex布局基础，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-09

使用window.prompt()实现弹出用户输入的对话框

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具