`

JavaScript的三种消息框:警告框、确认框、提示框。

阅读更多
警告框

警告框经常用于确保用户可以得到某些信息。

当警告框出现后,用户需要点击确定按钮才能继续进行操作。
语法:

alert("文本")

例子1:
<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("我是警告框!!")
}
</script>
</head>
<body>

<input type="button" onclick="disp_alert()" value="显示警告框" /> <br><br>

<input type="button" onclick="disp_alert()" value="显示警告框" />

</body>
</html>

例子2:带有折行的警告框
<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("再次向您问好!在这里,我们向您演示" + '\n' + "如何向警告框添加折行。")
}
</script>
</head>
<body>

<input type="button" onclick="disp_alert()" value="显示警告框" />

</body>
</html>


确认框

确认框用于使用户可以验证或者接受某些信息。

当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。

如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。
语法:

confirm("文本")

<html>
<head>
<script type="text/javascript">
function show_confirm()
{
var r=confirm("Press a button!");
if (r==true)
  {
  alert("You pressed OK!");
  }
else
  {
  alert("You pressed Cancel!");
  }
}
</script>
</head>
<body>

<input type="button" onclick="show_confirm()" value="Show a confirm box" />

</body>
</html>

提示框

提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。

如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。
语法:

prompt("文本","默认值")

<html>
<head>
<script type="text/javascript">
function disp_prompt()
  {
  var name=prompt("请输入您的名字","Bill Gates")
  if (name!=null && name!="")
    {
    document.write("你好!" + name + " 今天过得怎么样?");
    }
else {
    alert("Please input again!");
  }

  }
</script>
</head>
<body>

<input type="button" onclick="disp_prompt()" value="显示提示框" />

</body>
</html>
分享到:
评论

相关推荐

    JavaScript 消息框

    JavaScript 消息框:警告框、确认框、提示框实例。

    几个非常精美的 JavaScript 消息提示框插件

    网页中的提示框在用户交互过程中扮演着非常重要的角色,消息提示框分为警告消息框、确认消息框以及更为复杂的自定义字段的消息框。今天要介绍的这款JavaScript消息提示框的功能非常强大,我们可以通过配置非常轻松的...

    net C# webform msgbox 警告、确认消息框

    在WebForm中,有时我们需要向用户显示警告或进行确认操作,这时可以使用类似于Windows应用程序中的消息框(MessageBox)。在Web环境中,由于没有真正的图形用户界面,我们需要使用替代方法来模拟这些功能。 标题...

    js实现警告框消息框和确认框特效.zip

    在JavaScript(JS)开发中,有时我们希望提供更为丰富的用户交互体验,比如使用自定义的警告框、消息框和确认框来替代浏览器默认的简单对话框。本项目"js实现警告框消息框和确认框特效.zip"正是为了解决这个问题而...

    消息框(使用警告、提示和确认 )

    消息框通常分为警告框、提示框和确认框,它们分别由JavaScript中的`alert()`、`confirm()`和`prompt()`函数实现。这些函数都是`window`对象的接口方法,因为`window`对象在JavaScript中代表了浏览器的全局上下文,...

    .net C# webform msgbox 警告、确认消息框

    在WebForm中实现类似Winform的MsgBox(消息框)功能,可以增强用户与网页的交互性,提供警告、确认和其他类型的提示信息。这通常通过自定义控件或者JavaScript/jQuery库来实现,因为Web环境中没有内置的消息对话框。...

    jQuery消息提示框插件点击调用.zip

    首先,"jQuery消息提示框插件点击调用"指的是一个JavaScript插件,它扩展了jQuery的功能,提供了预定义的四种提示框样式:成功提示、失败提示、警告提示和信息提醒。这些提示框通常用于向用户显示操作结果或重要信息...

    jquery警告提示框

    jQuery作为一个强大的JavaScript库,提供了丰富的插件和方法来创建自定义的警告提示框,以满足更个性化的用户体验需求。 本资源包含两个使用jQuery实现的自定义警告提示框示例,这些示例具有较高的可定制性和灵活性...

    ExtJs消息提示框

    在ExtJs中,消息提示框(Notification)是用户界面交互的一个重要元素,它能够向用户显示各种类型的通知信息,如警告、确认、信息提示等。 在标题提到的"ExtJs消息提示框"中,我们关注的是如何在ExtJs应用程序中...

    javascript消息提示框(仿QQ,可自定义修改)

    JavaScript消息提示框是一种常见的用户交互元素,用于向用户显示通知、警告或确认信息。在网页开发中,JavaScript作为客户端脚本语言,提供了丰富的功能来创建动态和交互式的用户体验。本项目是一个完全仿照QQ设计的...

    jquery ui messager 消息框

    3. **消息框(Message Box)**:消息框是一种常见的用户界面元素,用于向用户显示信息、警告、确认或询问。jQuery UI Messager允许开发者自定义消息框的样式、内容和行为。 4. **自定义和扩展**:由于“描述”中...

    消息提示框控件

    2. **警告提示框**:警告用户可能的负面影响,一般有两个按钮,如“取消”和“确定”。 3. **错误提示框**:报告错误,可能包含“确定”和“重试”按钮,有时还包括“详细信息”链接,以查看具体错误信息。 4. **...

    消息框,,,网页消息框收集

    消息框在网页开发中扮演着重要的角色,它们用于向用户显示通知、警告、确认信息或者错误提示等。本文将深入探讨网页消息框的相关知识点,包括其类型、使用场景、实现方式以及最佳实践。 首先,消息框通常分为几种...

    js提示框特效js提示框特效js提示框特效js提示框特效

    JavaScript提示框特效是一种常见的网页交互元素,用于向用户显示信息、警告或确认操作。在网页开发中,我们经常需要自定义这些提示框以提供更好的用户体验。传统的JavaScript提示框包括`alert()`, `prompt()`, 和 `...

    仿Vista的各种Javascript消息提示框

    总的来说,理解和掌握如何创建仿Vista风格的JavaScript消息提示框,不仅可以提升网页的视觉吸引力,还能提高用户在与网站互动时的满意度。通过学习和实践,开发者可以更好地利用这些工具和技巧来提升其网站的用户...

    jquery仿QQ消息框

    在网页开发中,为了提供更好的用户体验,开发者经常需要创建各种各样的提示、警告或消息框。QQ消息框因其简洁、易用和美观的特点,被广泛应用于各个网站。本教程将详细介绍如何使用jQuery库来实现一个与QQ消息框类似...

    Jquery右下角消息提示框

    在本教程中,我们将探讨如何利用jQuery实现右下角的消息提示框功能,这在Web应用程序中非常常见,用于向用户显示通知、警告或确认信息。 首先,我们需要理解jQuery的核心概念。jQuery通过选择器来选取HTML元素,...

    12个精美实用的html5消息提示框代码.

    消息提示框在网页设计中扮演着至关重要的角色,它们用于通知用户操作结果、显示警告或错误信息,甚至引导用户进行某些互动。HTML5中的`&lt;dialog&gt;`元素是创建此类提示框的标准方式,但这里提到的代码可能是利用CSS3...

    js提示框(模仿QQ控件的提示消息框)

    在JavaScript的世界里,创建自定义的提示框是一种常见的需求,特别是在网页交互设计中,为了提供更好的用户体验,开发者往往会模仿已有的成熟控件样式,如QQ的提示消息框。本项目正是一个JavaScript实现的模仿QQ控件...

    javascript实现弹消息提示框 像各大邮箱提示有新邮件收到或QQ和MSN提示

    在JavaScript编程中,创建弹出消息提示框是常见的交互设计元素,可以用于向用户显示通知、警告或确认信息。在本教程中,我们将探讨如何实现一个类似于各大邮箱、QQ和MSN的消息提示框效果,该提示框会在页面的右下角...

Global site tag (gtag.js) - Google Analytics