JS中常用的消息框总结

 更新时间:2018年02月24日 09:27:58   作者:彬菌  
小编给大家总结了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 设计模式之组合模式原理与应用详解

    这篇文章主要介绍了javascript 设计模式之组合模式原理与应用,结合实例形式分析了javascript组合模式基本概念、原理、应用场景及操作注意事项,需要的朋友可以参考下
    2020-04-04
  • 百度小程序之间的页面通信过程详解

    百度小程序之间的页面通信过程详解

    这篇文章主要介绍了百度小程序之间的页面通信,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • Microsoft Ajax Minifier 压缩javascript的方法

    Microsoft Ajax Minifier 压缩javascript的方法

    使用Microsoft AJAX 库 (第六个预览版) 其中有一个 ajaxmin.exe 可以压缩Js文件可以在dos 命令下 /? 查看其参数说明。
    2010-03-03
  • 20分钟成功编写bootstrap响应式页面 就这么简单

    20分钟成功编写bootstrap响应式页面 就这么简单

    这篇文章主要教大家如何在20分钟内成功编写bootstrap响应式页面,其实很简单,培养大家分分钟开发出一个高大上的页面能力,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • javascript时间与时间戳互转多种方式

    javascript时间与时间戳互转多种方式

    javascript获取时间、时间戳等,最核心的就是利用Date关键词去获取,时间戳的获取方式整理了5种方法,后4种是利用new Date()实例化对象来获取当前时间,再对当前获取的时间再进一步处理获取时间戳,本文给大家介绍的非常详细,需要的朋友参考下吧
    2023-11-11
  • 微信小程序实战之双人五子棋游戏是实现

    微信小程序实战之双人五子棋游戏是实现

    这篇文章主要为大家详细介绍了如何利用微信小程序实现双人五子棋游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • 让FireFox支持innerText的实现代码

    让FireFox支持innerText的实现代码

    DHTML非标准属性innerText在FireFox中的使用
    2009-12-12
  • 一百行JS代码实现一个校验工具

    一百行JS代码实现一个校验工具

    这篇文章主要介绍了一百行JS代码实现一个校验工具,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • JS获取节点的兄弟,父级,子级元素的方法

    JS获取节点的兄弟,父级,子级元素的方法

    本篇文章主要是对JS获取节点的兄弟,父级,子级元素的方法进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • JavaScript监控埋点的实现与详细用法

    JavaScript监控埋点的实现与详细用法

    埋点(Event Tracking)是用户行为监控的一种技术手段,通常用于收集用户在网站或应用中的操作数据,例如点击、页面浏览、滚动等,本文给大家介绍了JavaScript监控埋点的实现与详细用法,需要的朋友可以参考下
    2024-10-10

最新评论