使用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>

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

您可能感兴趣的文章:

JavaScript迭代器的含义及用法
这篇文章主要介绍了JavaScript迭代器的含义及用法,迭代器就是为实现对不同集合进行统一遍历操作的一种机制，只要给需要遍历的数据结构部署Iterator接口，通过调用该接口，或者使用消耗该接口的API实现遍历操作。,需要的朋友可以参考下
2019-06-06
非常不错的一个JS分页效果代码，值得研究
非常不错的一个JS分页效果代码，值得研究...
2007-06-06
JavaScript实现密码强度实时验证
这篇文章主要为大家详细介绍了JavaScript实现密码强度实时验证，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-03-03
CryptoJS中AES实现前后端通用加解密技术
这篇文章主要为大家详细介绍了CryptoJS中AES实现前后端通用加解密技术，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-12-12
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
今天小编就为大家分享一篇解决layui-table单元格设置为百分比在ie8下不能自适应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
JS用最简单的方法实现四舍五入
在本篇文章里小编给大家整理的是关于JS用最简单的方法实现四舍五入的实例内容，需要的朋友们学习下。
2019-08-08
ECMAScript中迭代器的深入讲解
在ECMAScript 6增加了一个对象,它不是新的语法或新的内置对象,而一种协议（迭代器协议）,所有遵守这个协议的对象,都可以称之为迭代器,这篇文章主要给大家介绍了关于ECMAScript中迭代器的相关资料,需要的朋友可以参考下
2021-08-08
d3.js中冷门却实用的内置函数总结
D3.js是一个JavaScript库，它可以通过数据来操作文档。D3可以通过使用HTML、SVG和CSS把数据鲜活形象地展现出来。d3.js其实提供了很多内置的函数，可以却被大家忽略了，下面这篇文章就来给大家详细介绍了d3.js中冷门却实用的一些内置函数,需要的朋友可以参考借鉴。
2017-02-02
轮播图组件js代码
这篇文章主要为大家介绍了轮播图组件JavaScript代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-08-08
请求时token过期自动刷新token操作
这篇文章主要介绍了请求时token过期自动刷新token操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-09-09