使用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中的作用域

    作用域是JavaScript中一个重要的概念,它决定了变量和函数在代码中的可访问性和可见性,了解JavaScript的作用域对于编写高效、可维护的代码至关重要,本文将深入介绍JavaScript作用域相关的知识点,其中包括作用域类型,作用域链,变量提升以及闭包等
    2023-08-08
  • JS数组排序方法实例分析

    JS数组排序方法实例分析

    这篇文章主要介绍了JS数组排序方法,结合实例形式分析了javascript数组冒泡排序与选择排序原理及实现技巧,需要的朋友可以参考下
    2016-12-12
  • uni-app PC端宽屏适配方案图文详解

    uni-app PC端宽屏适配方案图文详解

    现在uni-app终于官方支持PC宽屏,下面这篇文章主要给大家介绍了关于uni-app PC端宽屏适配方案的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-03-03
  • javascript结合Cookies实现浏览记录历史

    javascript结合Cookies实现浏览记录历史

    最近在工作当中遇到一个问题 有个页面需要添加一个浏览历史记录功能,具体来说就是要记录下用户在此网站的点击历史 并把它们降序排列出来(只显示前6个浏览历史而且不能重复)。
    2008-09-09
  • JS实现来回出现文字的状态栏特效代码

    JS实现来回出现文字的状态栏特效代码

    这篇文章主要介绍了JS实现来回出现文字的状态栏特效代码,针对文字的定义及状态栏的定时显示等实现方法备有详细的文字说明,需要的朋友可以参考下
    2015-10-10
  • javascript实现拖拽碰撞检测

    javascript实现拖拽碰撞检测

    这篇文章主要为大家详细介绍了javascript实现拖拽碰撞检测,碰撞改变颜色,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • js实现提交前对列表数据的增删改查

    js实现提交前对列表数据的增删改查

    这篇文章主要为大家详细介绍了js实现提交前对列表数据的增删改查,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • js删除数组中指定元素的几种方式

    js删除数组中指定元素的几种方式

    js数组是js部分非常重要的知识,有时我们有这么个需求js数组删除指定元素,下面这篇文章主要给大家介绍了关于js删除数组中指定元素的几种方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-01-01
  • JS代码混淆初步

    JS代码混淆初步

    JS代码混淆初步...
    2006-09-09
  • Bootstrap fileinput文件上传预览插件使用详解

    Bootstrap fileinput文件上传预览插件使用详解

    这篇文章主要为大家详细介绍了Bootstrap fileinput文件上传预览插件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05

最新评论