编程 Javascript

JS实现在网页中弹出一个输入框的方法

Posted in Javascript onMarch 03, 2015

本文实例讲述了JS实现在网页中弹出一个输入框的方法。分享给大家供大家参考。具体分析如下：

习惯了使用早期给电脑文件夹设置密码的朋友一定还记得那种弹出一个输入框，然后让你输入密码在登录查看的效果吧，这个JS代码就是实现这个在当前页面中弹出一个输入框，当然你可以输入任何东西

<html>
<head>
<title>js输入对话框</title>
</head>
<body>
<script language="javascript">
<!--
age = prompt("请输入你的年龄:","20");
if (age != null){
alert("你今年" + age +"岁了!");
}else{
alert("你按了[取消]按钮");
}
//-->
</script>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

JS实现在网页中弹出一个输入框的方法

- Author -

站长学院

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

Javascript 相关文章推荐

firefox firebug中文入门教程脚本之家新年特别版

Jan 02 Javascript

EXTJS FORM HIDDEN TEXTFIELD 赋值使用value不好用的问题

Apr 16 Javascript

javascript级联下拉列表实例代码(自写)

May 10 Javascript

如何使用jquery实现文字上下滚动效果

Oct 12 Javascript

Bootstrap进度条实现代码解析

Mar 07 Javascript

Bootstrap DateTime Picker日历控件简单应用

Mar 25 Javascript

JavaScript实现动态添加Form表单元素的方法示例

Aug 14 Javascript

剖析Angular Component的源码示例

Mar 23 Javascript

详解Vue webapp项目通过HBulider打包原生APP

Jun 29 Javascript

详解SPA中前端路由基本原理与实现方式

Sep 12 Javascript

分享15个Webpack实用的插件！！！

Mar 31 Javascript

gojs实现蚂蚁线动画效果

Feb 18 Javascript

深入理解JavaScript系列（34）：设计模式之命令模式详解

Mar 03 #Javascript

深入理解JavaScript系列（33）：设计模式之策略模式详解

Mar 03 #Javascript

JavaScript模拟重力状态下抛物运动的方法

Mar 03 #Javascript

深入理解JavaScript系列（31）：设计模式之代理模式详解

Mar 03 #Javascript

深入理解JavaScript系列（30）：设计模式之外观模式详解

Mar 03 #Javascript

深入理解JavaScript系列（29）：设计模式之装饰者模式详解

Mar 03 #Javascript

jQuery对象与DOM对象之间的相互转换

Mar 03 #Javascript

You might like

PHP面向对象教程之自定义类

2014/06/10 PHP

Codeigniter检测表单post数据的方法

2015/03/21 PHP

php采集神器cURL使用方法详解

2016/02/19 PHP

PHP设计模式之委托模式定义与用法简单示例

2018/08/13 PHP

基于ThinkPHP5框架使用QueryList爬取并存入mysql数据库操作示例

2019/05/25 PHP

php自定义排序uasort函数示例【二维数组按指定键值排序】

2019/06/19 PHP

JQUERY1.6 使用方法四检测浏览器

2011/11/23 Javascript

formvalidator验证插件中有关ajax验证问题

2013/01/04 Javascript

在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南

2014/12/29 Javascript

jquery实现页面关键词高亮显示的方法

2015/03/12 Javascript

JavaScript检查弹出窗口是否被阻拦的方法技巧

2015/03/13 Javascript

原生javascript实现解析XML文档与字符串

2016/03/01 Javascript

javascript拖拽应用实例（二）

2016/03/25 Javascript

Javascript 基础---Ajax入门必看

2016/07/06 Javascript

JS实现改变HTML上文字颜色和内容的方法

2016/12/30 Javascript

js实现弹窗暗层效果

2017/01/16 Javascript

关于预加载InstantClick的问题解决方法

2017/09/12 Javascript

Vue完整项目构建(进阶篇)

2018/02/10 Javascript

在小程序开发中使用npm的方法

2018/10/17 Javascript

JavaScript设计模式之代理模式实例分析

2019/01/16 Javascript

用JS实现一个简单的打砖块游戏

2019/12/11 Javascript

Vue组件化开发之通用型弹出框的实现

2020/02/28 Javascript

vue循环中点击选中再点击取消(单选)的实现

2020/09/10 Javascript

Python中使用Boolean操作符做真值测试实例

2015/01/30 Python

python如何使用正则表达式的前向、后向搜索及前向搜索否定模式详解

2017/11/08 Python

使用python存储网页上的图片实例

2018/05/22 Python

Python Pandas 箱线图的实现

2019/07/23 Python

在python中做正态性检验示例

2019/12/09 Python

python用tkinter实现一个gui的翻译工具

2020/10/26 Python

洲际酒店集团大中华区：IHG中国

2016/08/17 全球购物

企业治理工作自我评价

2013/09/26 职场文书

爱心捐款倡议书范文

2014/05/12 职场文书

社区文艺活动方案

2014/08/19 职场文书

学院党委班子四风问题自查报告及整改措施

2014/10/25 职场文书

python munch库的使用解析

2021/05/25 Python

HTML5 新增内容和 API详解

2021/11/17 HTML / CSS