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

 更新时间:2015年03月03日 11:51:30   作者:站长学院  
这篇文章主要介绍了JS实现在网页中弹出一个输入框的方法,实例分析了prompt的用法,可用来设置密码,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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获取下拉列表所选中的TEXT和Value的实现代码

    JS获取下拉列表所选中的TEXT和Value的实现代码

    本篇文章主要是对JS获取下拉列表所选中的TEXT和Value的实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • JavaScript中数组去重的办法总结

    JavaScript中数组去重的办法总结

    你是否在面试的过程中被考到过给你一个数组让你去掉重复项呢,下面小编就来总结一下对于数组去重这道简单的面试题时,我们可以回答的方法有什么吧
    2023-06-06
  • JavaScript计算正方形面积

    JavaScript计算正方形面积

    这篇文章主要为大家详细介绍了JavaScript计算正方形面积,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • mongoose之bulkWrite操作使用实例

    mongoose之bulkWrite操作使用实例

    这篇文章主要为大家介绍了mongoose之bulkWrite操作使用实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • JavaScript实现Tab栏切换特效

    JavaScript实现Tab栏切换特效

    这篇文章主要为大家详细介绍了JavaScript实现Tab栏切换特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • 关于微信小程序map组件z-index的层级问题分析

    关于微信小程序map组件z-index的层级问题分析

    这篇文章主要给大家介绍了关于微信小程序map组件z-index的层级问题的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-07-07
  • 教你用几十行js实现很炫的canvas交互特效

    教你用几十行js实现很炫的canvas交互特效

    HTML5中的大部分动画都是通过Canvas实现,因为Canvas就像一块画布,我们可以通过调用脚本在Canvas上绘制任意形状,甚至是制作动画,这篇文章主要给大家介绍了关于用几十行js实现很炫的canvas交互特效的相关资料,需要的朋友可以参考下
    2021-11-11
  • JavaScript实现点击改变图片形状(transform应用)

    JavaScript实现点击改变图片形状(transform应用)

    这篇文章主要为大家详细介绍了JavaScript实现点击改变图片形状,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • axios拦截器、ElementUI组件的使用方法

    axios拦截器、ElementUI组件的使用方法

    大家都知道ElementUI是"饿了么"公司推出的基于Vue2.0的组件库,这篇文章主要介绍了axios拦截器、ElementUI组件的使用方法,需要的朋友可以参考下
    2023-01-01
  • 原生js实现addClass,removeClass,hasClass方法

    原生js实现addClass,removeClass,hasClass方法

    这篇文章主要介绍了原生js实现addClass,removeClass,hasClass方法和使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能,需要的朋友可以参考下
    2016-04-04

最新评论