`
Rainbow702
  • 浏览: 1073278 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类

js中的三种对话框

阅读更多

prompt("请输入密码","password")


 JS中的简单对话框一共有三种:分别用alert()、confirm()和prompt()

 

 

 

1. alert() :弹出对话框,向用户显示一则消息,无返回值。
    如:  

alert("你的输入不正确,请重新输入!") 

  

2. confirm() :弹出对话框,询问用户点击“OK”或“Cancel”来确认或取消一个操作,当点击“OK”的时候,返回true,反之,返回flase。
如:在准备删除一条记录时,可以这样:

if(confirm("确认提交?")) {
    document.form1.submit();
}  

 

3. prompt() :弹出对话框,请用户输入一个字符串。它有两个参数:
第一个参数,显示提示输入框的信息;第二个参数,用于显示输入框的默认值。返回,用户输入的值。
如:  

prompt("请输入密码","password") 

 

 

 

 

分享到:
评论

相关推荐

    JS弹出漂亮对话框

    ArtDialog是一个流行且功能强大的JavaScript对话框插件,它允许开发者创建高度定制化的对话框,包括自定义样式、布局和行为。 ArtDialog的核心特性包括: 1. **样式美观**:ArtDialog提供了多种预设主题,确保...

    原生js Dialog对话框插件制作19种对话框弹出层拖动

    对于19种不同的对话框类型,可能需要定义多种CSS类,如警告、确认、信息等,并在JavaScript中根据需要应用这些样式。 3. **事件监听**: 为了实现对话框的拖动功能,我们需要监听用户的鼠标事件。通常,我们会在...

    javascript 弹出模态对话框

    JavaScript弹出模态对话框是前端开发中常见的一种交互方式,用于向用户显示重要的信息、询问用户或收集数据。模态对话框具有阻止用户在对话框关闭前与页面其他部分互动的特点,确保用户关注到对话框中的内容。在这个...

    js弹出保存对话框

    通过以上介绍可以看出,在JavaScript中实现弹出保存对话框的功能相对较为复杂,且受限于浏览器的安全限制和技术支持情况。开发者应根据实际应用场景选择最合适的实现方式,以确保良好的用户体验。

    基于Javascript的日历输入对话框

    "基于Javascript的日历输入对话框"就是这样一个组件,它提供了一种直观的方式,让用户通过弹出的日历对话框来选择日期,而无需手动输入。下面将详细介绍这个主题,包括Javascript日历对话框的设计原理、实现方法以及...

    JS打开模式对话框

    JavaScript(简称JS)是一种广泛用于客户端Web开发的脚本语言,它可以实现动态交互的效果,而JS打开模式对话框则是提供了一种与用户交互的方式。在本文中,我们将深入探讨两种主要的JS对话框方法:`showModalDialog...

    一个基于纯js实现的网页对话框及消息框组件源码及例子

    纯JavaScript实现的对话框组件提供了一种灵活的解决方案,它允许开发者创建高度定制化的对话框,而不受大型库的限制。通过对源码的深入理解,开发者可以扩展其功能,或者优化性能,以适应各种复杂的网页应用场景。

    javascript中模式对话框的应用

    介绍了javascript中模式对话框的用法 (showModalDialog)

    js控制弹出对话框js控制弹出对话框

    JavaScript(简称JS)是一种广泛用于网页和网络应用的编程语言,尤其在客户端脚本中,它扮演着重要的角色。在网页交互中,控制弹出对话框是常见的需求,例如提示用户确认操作、输入信息或者显示警告。本文将深入探讨...

    WEB通用纯JS弹出对话框V1.1

    【标题】"WEB通用纯JS弹出对话框V1.1"是一个JavaScript实现的Web页面交互功能,旨在提供一种无依赖、跨平台的对话框解决方案。这个版本是V1.0的升级,主要优化了对话框在页面滚动时的位置定位问题,确保用户无论在...

    js弹出对话框 源代码

    JavaScript(简称JS)是一种轻量级的脚本语言,常用于网页交互和动态效果的实现。在网页设计中,弹出对话框是常见的用户交互方式,可以用来显示警告信息、获取用户输入或进行确认操作。本文将深入探讨如何使用JS创建...

    利用JavaScript创建模态非模态对话框

    总结来说,创建JavaScript对话框需要HTML布局、CSS样式以及JavaScript逻辑三者的结合。模态对话框通过阻止用户与页面其余部分的交互来吸引注意力,而非模态对话框则让用户在对话框和页面之间自由切换。理解并掌握这...

    一个基于纯js实现的漂亮对话框组件lhgdialog-1.2.1源码及例子

    《深入解析LHGDialog:一个纯JavaScript实现的优雅对话框组件》 在Web开发中,对话框组件是不可或缺的一部分,它用于向用户展示警告、询问、确认等交互信息。LHGDialog是一个基于纯JavaScript实现的对话框组件,以...

    js+div 超酷模态对话框[带提示声音]

    在这个js+div的模态对话框中,可能使用了JavaScript来实现这种效果,当对话框打开时,背景会被部分或完全遮挡,用户必须先处理对话框才能继续。 4. **提示声音**:此模态对话框的独特之处在于它包含了提示声音功能...

    JS实现弹出下载对话框及常见文件类型的下载

    综合以上知识,我们可以总结出使用JavaScript来实现下载对话框的几种主要方法,并了解了在不同情况下如何处理文件下载,包括处理URL和Blob对象的下载。需要注意的是,虽然浏览器提供了文件下载功能,但出于安全考虑...

    javascript 对话框组件

    JavaScript对话框组件是一种在网页中实现交互式用户体验的关键技术,特别是在设计用户通知、确认操作或收集用户输入时。本文将深入探讨如何使用JavaScript构建一个仿QQ消息框的对话框组件,以及其背后的原理和实现...

    Javascript实现div对话框效果

    在网页开发中,JavaScript是一种非常重要的脚本语言,它能够为网页添加动态功能,提高用户体验。本主题聚焦于使用JavaScript实现div对话框效果,这是一种常见的交互设计,常用于提示信息、用户确认操作或者展示详细...

    JS弹出层对话框,Tooltip提示,Msg消息框

    JS弹出层对话框插件源码,包含弹出层对话框和Tooltip提示框,消息框等多种功能,兼容主流浏览器(注:不兼容IE9以下版本的IE浏览器)。内置4种颜色的皮肤,且可以自定义对话框样式,可设置对话框位置。Tooltip可以...

    js调用对话框保存文件

    这种需求可以通过JavaScript来实现,即通过JS代码调用浏览器的保存对话框来完成文件保存操作。 #### 二、关键技术点解析 ##### 2.1 使用`document.all`获取元素 在提供的示例代码中,`document.all`被用来获取...

    javascript做的弹出对话框

    在JavaScript中,有三种内置的对话框方法,它们是`alert()`, `prompt()`, 和 `confirm()`。 1. **`alert()`**: 这个函数用来显示一个包含警告信息的对话框。它只有一个按钮——“确定”,用户必须点击这个按钮才能...

Global site tag (gtag.js) - Google Analytics