编程 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 相关文章推荐

jquery动画1.加载指示器

Aug 24 Javascript

JQuery操作单选按钮以及复选按钮示例

Sep 23 Javascript

javascript间隔刷新的简单实例

Nov 14 Javascript

JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)

Jan 11 Javascript

javascript中的原型链深入理解

Feb 24 Javascript

jQuery获取iframe的document对象的方法

Oct 10 Javascript

在JavaScript中操作时间之getUTCDate()方法的使用

Jun 10 Javascript

Prototype框架详解

Nov 25 Javascript

jQuery实现表格文本框淡入更改值后淡出效果

Sep 27 Javascript

Bootstrap基本组件学习笔记之按钮组(8)

Dec 07 Javascript

js根据后缀判断文件文件类型的代码

May 09 Javascript

TypeScript中条件类型精读与实践记录

Oct 05 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 similar_text 字符串的相似性比较函数

2010/05/26 PHP

2010/12/29 PHP

基于php无限分类的深入理解

2013/06/02 PHP

php图像验证码生成代码

2017/06/08 PHP

PHP批量删除jQuery操作

2017/07/23 PHP

jQuery 注意事项与原因分析

2009/04/24 Javascript

JQuery.closest(),parent(),parents()寻找父结点

2012/02/17 Javascript

jQuery插件开发的两种方法及$.fn.extend的详解

2014/01/16 Javascript

Node.js 学习笔记之简介、安装及配置

2015/03/03 Javascript

JavaScript实现当网页加载完成后执行指定函数的方法

2015/03/21 Javascript

jQuery插件jPaginate实现无刷新分页

2015/05/04 Javascript

基于javascript实现最简单选项卡切换

2017/02/01 Javascript

Angular.js中ng-include用法及多标签页面的实现方式详解

2017/05/07 Javascript

jQuery滚动插件scrollable.js用法分析

2017/05/25 jQuery

JavaScript数据类型的存储方法详解

2017/08/25 Javascript

vue click.stop阻止点击事件继续传播的方法

2018/09/04 Javascript

推荐一个基于Node.js的表单验证库

2019/02/15 Javascript

JS造成内存泄漏的几种情况实例分析

2020/03/02 Javascript

vue项目中使用bpmn为节点添加颜色的方法

2020/04/30 Javascript

ES6函数实现排它两种写法解析

2020/05/13 Javascript

浅谈Python中的闭包

2015/07/08 Python

django的model操作汇整详解

2019/07/26 Python

Python中*args和**kwargs的区别详解

2019/09/17 Python

Python Collatz序列实现过程解析

2019/10/12 Python

使用python实现数组、链表、队列、栈的方法

2019/12/20 Python

关于Keras模型可视化教程及关键问题的解决

2020/01/24 Python

python实现图像外边界跟踪操作

2020/07/13 Python

屈臣氏马来西亚官网：Watsons马来西亚

2019/06/15 全球购物

JAVA的事件委托机制和垃圾回收机制

2014/09/07 面试题

Android interview questions

2016/12/25 面试题

行政专员工作职责

2013/12/22 职场文书

全神贯注教学反思

2014/02/03 职场文书

《七颗钻石》教学反思

2014/02/28 职场文书

四年级评语大全

2014/04/21 职场文书

2014年售票员工作总结

2014/11/19 职场文书

Javascript中Microtask和Macrotask鲜为人知的知识点

2022/04/02 Javascript