Home  >  Article  >  Web Front-end  >  Commonly used message boxes in JS

Commonly used message boxes in JS

小云云
小云云Original
2018-02-26 09:16:011264browse

This article mainly shares with you the commonly used message boxes in JS, hoping to help everyone.

First let’s take a look at the running effect

##Add it to share it all Code:

##

<!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>

Related recommendations:


Mini Program Custom Message Box

JavaScript's three message boxes alert, confirm, prompt

js pops up a confirmation message box to determine whether to delete. Before deleting, the user is prompted whether to delete, click yes to delete, click no to return

The above is the detailed content of Commonly used message boxes in JS. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn