警示框 确认框 提示框

定义三个输入控件,点击进入对应的函数

<html>
<head>
<script>
function show_alert()
{
    alert("I am alert");
}
function show_confirm()
{
    var r = confirm("Press a button!")
    if (r == true)
    {
       alert("You pressed OK!");
    }
    else
    {
       alert("Your pressed Cancel!");
    }
}
function show_prompt()
{
   var name = prompt("Please input your name", "Bill Gates")
    if (name != null && name != "")
    {
         document.write("Hello!" + name + " How are you?")
    }
}
</script>
</head>

<body>
<input type="button" onclick="show_alert()" value="show a alert"/>
<input type="button" onclick="show_confirm()" value="show a confirm"/>
<input type="button" onclick="show_prompt()" value="show a prompt"/>
</body>
</html>
时间: 2024-08-01 17:23:44

警示框 确认框 提示框的相关文章

强大的响应式jQuery消息通知框和信息提示框插件

lobibox是一款功能非常强大的jQuery消息通知框和信息提示框插件.这个插件分为两个部分:消息通知框和信息提示框.它能非常好的结合Bootstrap使用. 信息提示框 lobibox的信息提示框可以是模态窗口,也可以不是模态窗口. 允许显示多条信息. 允许使用任何可用的CSS动画来显示和隐藏信息提示框. 信息提示框可以显示不同的颜色和图标. 可以设置为确认信息提示框. 可以设置为一行的prompt信息框.(可以使用任何HTML5的输入框类型来作为prompt) 也可以设置为多重prompt

jquery mobile中显示加载中提示框和关闭提示框

在jquery mobile开发中,经常需要调用ajax方法,异步获取数据,如果异步获取数据方法由于网速等等的原因,会有一个反应时间,如果能在点击按钮后数据处理期间,给一个正在加载的提示,客户体验会更好一些. 先看两个方法,显示和关闭,方法来自于参考:http://blog.csdn.net/zht666/article/details/8563025 <script> //显示加载器 function showLoader() { //显示加载器.for jQuery Mobile 1.2.

自定义浏览器alert ,抛弃掉死板的蓝框 自定义风格提示框。jquey ui bootstrap 实现自定义 alert confirm prompt ,by大崔

首先看一下自定义提示框的效果图 alert   普通的提示当然可以自定义样式 confrim 确认框 支持callback //message 提示的信息 ,callback(true/false)回调函数 window.shconfirm = function (message, callback) 回调函数参数为 true/false prompt  邀请用户输入框 //message 提示的信息 ,callback(msg)回调函数(用户输入的消息), param:regex 输入的 正则

qt之自定义提示框(不规则提示框,右下角弹窗)

http://blog.sina.com.cn/s/blog_a6fb6cc90101e4r8.html http://blog.sina.com.cn/s/blog_a6fb6cc90101dtav.html

JS组件Bootstrap实现弹出框和提示框效果代码

JS组件Bootstrap实现弹出框和提示框效果代码 作者:懒得安分 字体:[增加 减小] 类型:转载 时间:2015-12-08我要评论 这篇文章主要介绍了JS组件Bootstrap实现弹出框和提示框效果代码,对弹出框和提示框感兴趣的小伙伴们可以参考一下 前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编 辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的系统有一个友好的弹出提示框,自然能给用户

JS组件系列——Bootstrap寒冬暖身篇:弹出框和提示框效果以及代码展示

原文:JS组件系列--Bootstrap寒冬暖身篇:弹出框和提示框效果以及代码展示 前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的系统有一个友好的弹出提示框,自然能给用户很好的页面体验.前面几章介绍了bootstrap的几个常用组件,这章来看看bootstrap里面弹出框和提示框的处理.总的来说,弹出提示主要分为三种:弹出框.确定取消提示框.信

Bootstrap:弹出框和提示框效果以及代码展示

(转自Bootstrap:弹出框和提示框效果以及代码展示) 前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的系统有一个友好的弹出提示框,自然能给用户很好的页面体验.前面几章介绍了bootstrap的几个常用组件,这章来看看bootstrap里面弹出框和提示框的处理.总的来说,弹出提示主要分为三种:弹出框.确定取消提示框.信息提示框.本篇就结合这三

Bootstrap篇:弹出框和提示框效果以及代码展示

前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的系统有一个友好的弹出提示框,自然能给用户很好的页面体验.前面几章介绍了bootstrap的几个常用组件,这章来看看bootstrap里面弹出框和提示框的处理.总的来说,弹出提示主要分为三种:弹出框.确定取消提示框.信息提示框.本篇就结合这三种类型分别来介绍下它们的使用. 一.Bootstrap弹出框

【Material Design视觉设计语言】UI组件设计(五):提示框

作者:郭孝星 微博:郭孝星的新浪微博 邮箱:[email protected] 博客:http://blog.csdn.net/allenwells Github:https://github.com/AllenWells 提示框(Dialog)用于提示用户作一些决定,或者是完成某个任务时需要的一些其它额外的信息. 一 提示框的功能 Dialog可以是用一种取消/确定的简单应答模式,它常见的应用场景如下所示: 提示框最典型的应用场景是提示用户去做一个些被安排好的决定 ,而这些决定可能是当前任务的

[ExtJs5.1.0系列-第二天] 信息提示框组件&lt;Ext.MessageBox&gt;

在介绍ExtJs信息提示框组件之前,我们先来介绍一下ExtJs的组件配置. ExtJs组件通常有两种配置形式: (1) 用逗号分割的参数列表;  (2) 使用JSON对象作为组件提供配置信息.对于比较简单的配置一般采用逗号分隔的参数列表进行设置,对于较复杂的配置一般采用JSON对象的方式为组件提供配置信息. JSON简单介绍: JSON的全称是JavaScript Object Notation(JavaScript对象符号).JSON是一种结构化的,轻量级的,完全独立于语言的,基于文本的数据传