在JS中常用的消息框如何实现？

亚连原创: 2018-06-04 17:23:58 946浏览

我给大家总结了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>

上面是我整理给大家的，希望今后会对大家有帮助。

如何使用ngrok+express解决微信接口调试问题

如何使用element-ui表格实现单元格可编辑

在element ui里如何使dialog关闭后清除验证

以上就是在JS中常用的消息框如何实现？的详细内容，更多请关注php中文网其它相关文章！

javascript 实现如何 PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：JS的继承方法总结(附案例) 下一条：JS框架库使用案例详解