编程 Javascript

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

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

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

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js null,undefined,字符串小结

Aug 21 Javascript

juqery 学习之三选择器子元素与表单

Nov 25 Javascript

热点新闻滚动特效的js代码

Aug 17 Javascript

js中传递特殊字符(+,&)的方法

Jan 16 Javascript

node.js中的fs.lstatSync方法使用说明

Dec 16 Javascript

在Javascript中处理数组之toSource()方法的使用

Jun 09 Javascript

SpringMVC restful 注解之@RequestBody进行json与object转换

Dec 10 Javascript

js生成随机数方法和实例

Jan 17 Javascript

layui 根据后台数据动态创建下拉框并同时默认选中的实例

Sep 02 Javascript

layui prompt 设置允许空白提交的方法

Sep 24 Javascript

如何HttpServletRequest文件对象并储存

Aug 14 Javascript

Vue项目中如何封装axios（统一管理http请求）

May 02 Vue.js

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对象递归引用造成内存泄漏分析

2014/08/28 PHP

php基于mcrypt的加密解密实例

2014/10/27 PHP

php使用substr()和strpos()联合查找字符串中某一特定字符的方法

2015/05/12 PHP

Yii2前后台分离及migrate使用（七）

2016/05/04 PHP

PHP常用的类封装小结【4个工具类】

2019/06/28 PHP

Yii框架日志操作图文与实例详解

2019/09/09 PHP

javascript之函数直接量(function(){})()

2007/06/29 Javascript

Javascript学习笔记9 prototype封装继承

2010/01/11 Javascript

文本框input聚焦失焦样式实现代码

2012/10/12 Javascript

javascript的回调函数应用示例

2014/02/20 Javascript

浅谈重写window对象的方法

2014/12/29 Javascript

jQuery实现HTML表格单元格的合并功能

2016/04/06 Javascript

JS实现左右无缝轮播图代码

2016/05/01 Javascript

深入剖析JavaScript:Object类型

2016/05/10 Javascript

js将json格式的对象拼接成复杂的url参数方法

2016/05/25 Javascript

微信小程序登录的简单实现

2017/04/19 Javascript

JavaScript实现的反序列化json字符串操作示例

2018/07/18 Javascript

详解如何提升JSON.stringify()的性能

2019/06/12 Javascript

VUE单页面切换动画代码(全网最好的切换效果)

2019/10/31 Javascript

js实现踩五彩块游戏

2020/02/08 Javascript

[01:00:12]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第一场

2018/04/09 DOTA

python基础教程之字典操作详解

2014/03/25 Python

Python OpenCV视频截取并保存实现代码

2019/11/30 Python

PyCharm上安装Package的实现(以pandas为例)

2020/09/18 Python

python实现快速文件格式批量转换的方法

2020/10/16 Python

css3的transition属性详解

2014/12/15 HTML / CSS

综合素质的自我鉴定

2013/10/07 职场文书

公司离职证明范本

2014/01/13 职场文书

工程索赔意向书

2014/08/30 职场文书

2015年宣传部部长竞选演讲稿

2014/11/28 职场文书

企业2014年度工作总结

2014/12/10 职场文书

学校计划生育责任书

2015/05/09 职场文书

对Keras自带Loss Function的深入研究

2021/05/25 Python

Java输出Hello World完美过程解析

2021/06/13 Java/Android

Mysql如何实现不存在则插入,存在则更新

2022/03/25 MySQL

Vue Element plus使用方法梳理

2022/12/24 Vue.js