Javascript:消息框的使用

Javascript有三种基本的消息框:

1.警告框,用于向用户提示一个消息,带有一个确认按钮。

function alert_test(){
      alert("这是一个警告框!");
    }

2.确认框,用户让用户做出选择,带有一个确认按钮和取消按钮。

function confirm_test(){
      //confirm方法显示确认框,点击确认返回true,点击取消返回false.
      var result = confirm("今天的天气好吗?");
      var ele = document.getElementById("weather_result");
      if (result){
        ele.innerHTML = "天气很好";
      }else{
        ele.innerHTML = "天气很差";
      }
    }

3.提示框,用户让用户输入一个信息,带有一个输入框和确认、取消两个按钮。

function prompt_test(){
      //prompt方法显示提示框,并且在用户点击确认时返回用户输入的信息(点击取消或直接关闭消息框则返回null)
      var age = prompt("年龄?");
      document.getElementById("age_result").innerHTML = age;
    }
时间: 2024-11-05 13:34:39

Javascript:消息框的使用的相关文章

JavaScript 消息框+特殊字符

JavaScript 中创建三种消息框:警告框.确认框.提示框: 1.警告框: 警告框经常用于确保用户可以得到某些信息. 当警告框出现后,用户需要点击确定按钮才能继续进行操作 语法:alert("文本") 2.确认框: 确认框用于使用户可以验证或者接受某些信息. 确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作. 如果用户点击确认,那么返回值为 true.如果用户点击取消,那么返回值为 false. 语法:confirm("文本") 3.提示框: 提示框经

JavaScript消息框

1.警告框 function myTest(){ alert("这里的内容会弹出"); } 2.确认框 其返回的值是 true 或 false . function myTest(){ confirm("这里的内容会弹出"); } 3.提示框 prompt prompt(参数1,参数2):其参数1 是显示提示要输入的信息,参数2 用于显示输入框的默认值.例如: function myTest(){ prompt("这是一个输入框","我

JavaScript 消息框

警告框 警告框经常用于确保用户可以得到某些信息. 当警告框出现后,用户需要点击确定按钮才能继续进行操作. 语法: alert("文本") 确认框 确认框用于使用户可以验证或者接受某些信息. 当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作. 如果用户点击确认,那么返回值为 true.如果用户点击取消,那么返回值为 false. 语法: confirm("文本") 提示框 提示框经常用于提示用户在进入页面前输入某个值. 当提示框出现后,用户需要输入某个值,

JavaScript之消息框

JavaScript共有三种消息框: 警告框    确认框    提示框 1.警告框 常用于确保用户可以得到某些信息. 当警告框出现时,用户只有点击确认才能继续进行操作. 如: alert("您输入的不合符!"); 2.确认框 用于使用户可以验证或者接受某些信息. 当确认框出现后,用户需要点击确定或者取消才能进行操作. 当用户点击确认时,会返回true:用户点击取消时,会返回false 如:confirm("文本"); 3.提示框 用于提示用户在进入某个页面前输入一

EasyUi各种消息框

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>EasyUi各种提示框</title> <m

.net 弹出消息框后,页面样式变乱

点击按钮,执行提交操作,弹出消息框后,页面的样式变乱,解决方法: 首先,确定使用的css样式正确,页面中的宽高值保持规范统一: 然后,弹出框避免使用Response.Write(),如下所示 Response.Write("<script language=javascript>"); Response.Write("window.alert('"); Response.Write("计划添加失败!"); Response.Write

[moka同学笔记转载]Yii 设置 flash消息 创建一个渐隐形式的消息框

来源:http://www.cnblogs.com/xp796/p/5481004.html Yii 设置 flash消息 创建一个渐隐形式的消息框 1 /*适用情况:比如提交一个表单,提交完成之后在页面展示一条提示消息. 2 控制器里面这样写: 3 单条消息: 4 */ 5 \Yii::$app->getSession()->setFlash('error', 'This is the message'); 6 7 \Yii::$app->getSession()->setFla

window-messager(消息框)

所有的消息框都是异步的.用户可以在交互消息之后使用回调函数去处理结果或做一些自己需要处理的事情. 一.alert(警告框) <script type="text/javascript"> $(function(){ $.messager.alert('提示信息','你的节操掉了,亲!','error',function(){ alert("你的节操已经掉了"); });//接受多个 参数,第一个是消息框的标题,第二个是警告的消息内容等等 //实际上这并不

一步步开发自己的博客 .NET版(10、前端对话框和消息框的实现)

关于前端对话框.消息框的优秀插件多不胜数.造轮子是为了更好的使用轮子,并不是说自己造的轮子肯定好.所以,这个博客系统基本上都是自己实现的,包括日志记录.响应式布局等等一些本可以使用插件的.好了,废话不多时.我们来实现自己的对话框和消息框. 对话框 要求:可拖动.点击按钮后可回调 画一个简单的模型框 <div class="hi-dialog-box clearfix"> <div class="hi-dialog-title">系统提示<