首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 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 相关文章推荐
获取网站跟路径的javascript代码(站点及虚拟目录)
Oct 20 Javascript
jQuery之选项卡的简单实现
Feb 28 Javascript
Javascript 函数parseInt()转换时出现bug问题
May 20 Javascript
jquery css 设置table的奇偶行背景色示例
Jun 03 Javascript
JavaScript中操作字符串小结
May 04 Javascript
分享使用AngularJS创建应用的5个框架
Dec 05 Javascript
Bootstrap模态对话框的简单使用
Apr 29 Javascript
VueJs 搭建Axios接口请求工具
Nov 20 Javascript
vue axios整合使用全攻略
May 24 Javascript
vue采用EventBus实现跨组件通信及注意事项小结
Jun 14 Javascript
vue如何实现动态加载脚本
Feb 05 Javascript
Vue全家桶入门基础教程
May 14 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
本地化存储(1) vuex(1) 自定义组件(1) click(1) HashSet集合(1) Vue(10) Storage(1) Set接口(1) persistedstate(1) OutputStream(1)
You might like
几个学习PHP的网址
2006/11/25 PHP
PHP网页缓存技术优点及代码实例
2020/07/29 PHP
三级下拉菜单的js实现代码
2011/05/23 Javascript
jQuery通过点击行来删除HTML表格行的实现示例
2014/09/10 Javascript
js css 实现遮罩层覆盖其他页面元素附图
2014/09/22 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
JS实现简单的tab切换选项卡效果
2016/09/21 Javascript
Vue.js中数据绑定的语法教程
2017/06/02 Javascript
在React项目中使用Eslint代码检查工具及常见问题
2018/10/10 Javascript
浅谈webpack性能榨汁机(打包速度优化)
2019/01/09 Javascript
autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法
2020/05/03 Javascript
使用React-Router实现前端路由鉴权的示例代码
2020/07/26 Javascript
jQuery实现鼠标拖动图片功能
2021/03/04 jQuery
[49:20]2014 DOTA2国际邀请赛中国区预选赛5.21 CIS VS TongFu
2014/05/22 DOTA
[48:12]Secret vs Optic Supermajor 胜者组 BO3 第三场 6.4
2018/06/05 DOTA
Python中关键字is与==的区别简述
2014/07/31 Python
Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例
2019/06/04 Python
PyTorch的深度学习入门之PyTorch安装和配置
2019/06/27 Python
在pycharm下设置自己的个性模版方法
2019/07/15 Python
Pandas之groupby( )用法笔记小结
2019/07/23 Python
Python 实现try重新执行
2019/12/21 Python
Python dict和defaultdict使用实例解析
2020/03/12 Python
Python3如何判断三角形的类型
2020/04/12 Python
在python image 中实现安装中文字体
2020/05/16 Python
python 6行代码制作月历生成器
2020/09/18 Python
python爬虫中抓取指数的实例讲解
2020/12/01 Python
python定义具名元组实例操作
2021/02/28 Python
英国时尚泳装品牌：Maru Swimwear
2019/10/06 全球购物
Gretna Green中文官网：苏格兰格林小镇
2019/10/16 全球购物
爱尔兰旅游网站：ebookers.ie
2020/01/24 全球购物
瑞士首家网上药店折扣店：McDrogerie
2020/12/22 全球购物
上班看电影检讨书
2014/02/12 职场文书
2014年护士个人工作总结
2014/11/11 职场文书
Python insert() / append() 用法 Leetcode实战演示
2021/03/31 Python
python pyhs2 的安装操作
2021/04/07 Python
如何用六步教会你使用python爬虫爬取数据
2022/04/06 Python