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 相关文章推荐
javascript loadScript异步加载脚本示例讲解
Nov 14 Javascript
javascript事件冒泡和事件捕获详解
May 26 Javascript
jquery实现的树形目录实例
Jun 26 Javascript
jQuery实现背景弹性滚动的导航效果
Jun 01 Javascript
jQuery中DOM节点删除之empty与remove
Jan 20 Javascript
Nuxt配合Node在实际生产中的应用详解
Aug 07 Javascript
JS实现li标签的删除
Apr 12 Javascript
JS实现动态添加外部js、css到head标签的方法
Jun 05 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
Aug 29 Javascript
基于纯JS实现多张图片的懒加载Lazy过程解析
Oct 14 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
Dec 02 Javascript
Javascript原生ajax请求代码实例
Feb 20 Javascript
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
SONY ICF-F10中波修复记
2021/03/02 无线电
php生成静态文件的多种方法分享
2012/07/17 PHP
获取php页面执行时间,数据库读写次数,函数调用次数等(THINKphp)
2013/06/03 PHP
PHP实现微信对账单处理
2018/10/01 PHP
Ajax+Jpgraph实现的动态折线图功能示例
2019/02/11 PHP
juqery 学习之四 筛选过滤
2010/11/30 Javascript
基于jquery的仿百度搜索框效果代码
2011/04/11 Javascript
js获取IP地址的方法小结
2014/07/01 Javascript
深入讲解AngularJS中的自定义指令的使用
2015/06/18 Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
2015/10/28 Javascript
浅析JavaScript访问对象属性和方法及区别
2015/11/16 Javascript
canvas仿iwatch时钟效果
2017/03/06 Javascript
微信小程序通过保存图片分享到朋友圈功能
2018/05/24 Javascript
JavaScript中创建原子的方法总结
2018/08/26 Javascript
layui实现数据表格table分页功能(ajax异步)
2019/07/27 Javascript
vue实现简易计算器功能
2021/01/20 Vue.js
基于vue的video播放器的实现示例
2021/02/19 Vue.js
Python进阶学习之特殊方法实例详析
2017/12/01 Python
python读取与写入csv格式文件的示例代码
2017/12/16 Python
python在线编译器的简单原理及简单实现代码
2018/02/02 Python
pandas修改DataFrame列名的实现方法
2019/02/22 Python
Win10下Python3.7.3安装教程图解
2019/07/08 Python
给大家整理了19个pythonic的编程习惯(小结)
2019/09/25 Python
python中如何设置代码自动提示
2020/07/15 Python
详解Python中import机制
2020/09/11 Python
CSS3旋转——彩色扇子兼容firefox浏览器
2013/06/04 HTML / CSS
优秀的毕业生的自我评价
2013/12/12 职场文书
大学英语演讲稿(中英文对照)
2014/01/14 职场文书
学生个人自我鉴定
2014/03/26 职场文书
财务内勤岗位职责
2014/04/17 职场文书
党校学习心得体会范文
2014/09/09 职场文书
暗恋桃花源观后感
2015/06/12 职场文书
2016年机关单位节能宣传周活动总结
2016/04/05 职场文书
该怎么书写道歉信?
2019/07/03 职场文书
pytorch DataLoader的num_workers参数与设置大小详解
2021/05/28 Python
Python机器学习应用之基于线性判别模型的分类篇详解
2022/01/18 Python