JS中常用的消息框总结


Posted in Javascript onFebruary 24, 2018

首先来看下运行效果

JS中常用的消息框总结

JS中常用的消息框总结

JS中常用的消息框总结

加下来分享一下全部代码:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <title>Document</title> 
  <script type="text/javascript"> 
    function warn_info(){ 
      alert("提示消息框"); 
    } 
    function sure_info(){ 
      if (confirm("确认删除吗?")){ 
        alert("删除成功"); 
      } 
      else{ 
        alert("取消删除"); 
      } 
    } 
    function input_info(){ 
      var txt=prompt("请输入您的年龄"); 
      if(txt==""){ 
        alert("输入为空,重新输入"); 
      } 
      else{ 
        alert("您的年龄为"+txt) 
      } 
    } 
  </script> 
</head> 
<body> 
  <input type="button" value="提示消息" onclick="warn_info()"> 
  <input type="button" value="确认消息" onclick="sure_info()"> 
  <input type="button" value="输入消息" onclick="input_info()"> 
</body> 
</html>

以上就是本次关于JS消息框的全部内容,感谢大家对三水点靠木的支持。

Javascript 相关文章推荐
jquery 输入框数字限制插件
Nov 10 Javascript
JavaScript实现x秒后自动跳转到一个页面
Jan 03 Javascript
JavaScript语言核心数据类型和变量使用介绍
Aug 23 Javascript
一个JavaScript去除字符串末尾的空白实例代码
Sep 22 Javascript
jQuery中:animated选择器用法实例
Dec 29 Javascript
JavaScript插件化开发教程 (四)
Jan 27 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
May 21 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
Mar 09 Javascript
vue中引入第三方字体文件的方法示例
Dec 17 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
Feb 27 Javascript
JavaScript console的使用方法实例分析
Apr 28 Javascript
vue开发chrome插件,实现获取界面数据和保存到数据库功能
Dec 01 Vue.js
JS改变页面颜色源码分享
Feb 24 #Javascript
jquery 给动态生成的标签绑定事件的几种方法总结
Feb 24 #jQuery
AngularJS创建一个上传照片的指令实例代码
Feb 24 #Javascript
javaScript动态添加Li元素的实例
Feb 24 #Javascript
jquery动态添加带有样式的HTML标签元素方法
Feb 24 #jQuery
node.js中fs文件系统目录操作与文件信息操作
Feb 24 #Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 #jQuery
You might like
php实现的MySQL通用查询程序
2007/03/11 PHP
PHP 前加at符合@的作用解析
2015/07/31 PHP
PHP定时任务获取微信access_token的方法
2016/10/10 PHP
总结PHP代码规范、流程规范、git规范
2018/06/18 PHP
{}与function(){}选用空对象{}来存放keyValue
2012/05/23 Javascript
javascript设置金额样式转换保留两位小数示例代码
2013/12/04 Javascript
express的中间件basicAuth详解
2014/12/04 Javascript
Bootstrap零基础学习第一课之模板
2016/07/18 Javascript
详解微信小程序开发之下拉刷新 上拉加载
2016/11/24 Javascript
基于jQuery实现滚动刷新效果
2017/01/09 Javascript
vue.js中指令Directives详解
2017/03/20 Javascript
Angularjs 实现移动端在线测评效果(推荐)
2017/04/05 Javascript
详解Vuejs2.0之异步跨域请求
2017/04/20 Javascript
ES6学习教程之模板字符串详解
2017/10/09 Javascript
浅谈es6语法 (Proxy和Reflect的对比)
2017/10/24 Javascript
微信小程序加载机制及运行机制图解
2019/11/27 Javascript
在Vue项目中使用Typescript的实现
2019/12/19 Javascript
JavaScript冒泡算法原理与实现方法深入理解
2020/06/04 Javascript
vuex实现购物车功能
2020/06/28 Javascript
vue界面发送表情的实现代码
2020/09/11 Javascript
vue3.0 项目搭建和使用流程
2021/03/04 Vue.js
Python操作列表之List.insert()方法的使用
2015/05/20 Python
在Linux系统上安装Python的Scrapy框架的教程
2015/06/11 Python
Python基于回溯法子集树模板解决选排问题示例
2017/09/07 Python
Python实现Selenium自动化Page模式
2019/07/14 Python
python画微信表情符的实例代码
2019/10/09 Python
美国时尚女装在线:Missguided
2016/12/03 全球购物
Moda Operandi官网:美国奢侈品电商,海淘秀场T台同款
2020/05/26 全球购物
您熟悉ORM(Object-Relation Mapping)吗?请谈谈您所理解的ORM
2016/02/08 面试题
信息专业本科生个人的自我评价
2013/10/28 职场文书
装饰资料员岗位职责
2013/12/30 职场文书
班队活动设计方案
2014/01/30 职场文书
毕业典礼主持词大全
2014/03/26 职场文书
2014镇党委书记党建工作汇报材料
2014/11/02 职场文书
行政处罚事先告知书
2015/07/01 职场文书
新郎结婚感言
2015/07/31 职场文书