JavaScript 弹窗有几种

àì夳堔傛蜴生んèń 2023-02-09 13:11 13阅读 0赞

JavaScript 有三种消息框：警告框、确认框、提示框。

## 警告框 ##

警告框经常用于确保用户可以得到某些信息。

当警告框出现后，用户需要点击确定按钮才能继续进行操作。

### **语法** ###

window.alert("警告");

**window.alert()** 方法可以不带上window对象，直接使用**alert()**方法。

代码演示:

<!DOCTYPE html>
    <html>
    <head>
    <script>
    function myFunction()
    {
    alert("你好，我是一个警告框！");
    }
    </script>
    </head>
    <body>
    
    <input type="button" onclick="myFunction()" value="显示警告框">
    
    </body>
    </html>

## 确认框 ##

确认框通常用于验证是否接受用户操作。

当确认卡弹出时，用户可以点击 "确认" 或者 "取消" 来确定用户操作。

当你点击 "确认", 确认框返回 true， 如果点击 "取消", 确认框返回 false。

### **语法** ###

window.confirm("确认");

**window.confirm()** 方法可以不带上window对象，直接使用**confirm()**方法。

var r=confirm("按下按钮");
    if (r==true)
      {
        x="你按下了\"确定\"按钮!";
      }
    else
      {
        x="你按下了\"取消\"按钮!";
      }

## 提示框 ##

提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。

如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

### **语法** ###

window.prompt("sometext","defaultvalue");

**window.prompt()** 方法可以不带上window对象，直接使用**prompt()**方法。

var person=prompt("请输入你的名字","Harry Potter");
    if (person!=null && person!="")
      {
      x="你好 " + person + "！今天感觉如何？";
      }

发表评论取消回复

表情：

评论列表（有 0 条评论，13人围观）

还没有评论，来说两句吧...

相关阅读

相关【前端的3种弹窗】

一、alert弹窗窗口中只能进行"确认"按钮操作 this.$alert( "提示信息", "提示",

悠悠/ 2023年09月24日 18:28/ 0 赞/ 53 阅读

相关 JavaScript学习，弹窗显示Hello World！

将下面的 HTML 代码拷贝到一个文件当中（例如用记事本Notepad），保存为“111.html”（文件名可以随意取） <!DOCTYPE html> <h

﹏ヽ暗。殇╰゛Y/ 2023年05月31日 10:19/ 0 赞/ 22 阅读

相关 JavaScript 弹窗有几种

JavaScript 有三种消息框：警告框、确认框、提示框。警告框警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作。

àì夳堔傛蜴生んèń/ 2023年02月09日 13:11/ 0 赞/ 14 阅读

相关样式集（八）弹窗，规则弹窗，半透明弹窗

效果图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3

待我称王封你为后i/ 2022年11月05日 05:27/ 0 赞/ 316 阅读

相关 SweetAlert2网页弹窗---JAVASCRIPT弹窗

一个漂亮的、响应式的、可定制的和可访问(WAI-ARIA)的JAVASCRIPT弹窗，无任何依赖中文文档地址:[http://mishengqiang.com/swe

ゞ浴缸里的玫瑰/ 2022年09月04日 14:53/ 0 赞/ 320 阅读

相关 JAVASCRIPT之弹出层、弹窗效果+拖曳功能

![20170210113939418][] <!DOCTYPE HTML> <html> <head> <meta http-equiv="

雨点打透心脏的1/2处/ 2022年07月12日 04:19/ 0 赞/ 239 阅读

相关 JavaScript外链判断，并弹窗提示

好久没写点什么了，这里将这段时间写的一些比较简单的JS进行一些总结。 1.第一种实现为元素添加单机事件>>>>>进入函数判断>>>>>链接是否存在>>>>>链接的前多

悠悠/ 2022年06月06日 10:38/ 0 赞/ 218 阅读

相关 javaScript 弹出一个窗体

我们在做后台管理的时候经常需要弹出一个会话窗体，这是我们可以用框架带的接口来弹出，也可以用jQuery带的来弹出，并且现在jQuery被大量使用，所以还是这种好用点，不用额外引

ゝ一纸荒年。/ 2022年01月11日 20:59/ 0 赞/ 320 阅读

相关 JavaScript 原生js实现动画弹窗消息

效果图 ![动画弹窗效果图][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNz

本是古典何须时尚/ 2021年09月21日 13:08/ 0 赞/ 509 阅读

相关 JavaScript弹出框、对话框、提示框、弹窗总结

JavaScript弹出框、对话框、提示框、弹窗总结。 1、JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框

快来打我*/ 2021年09月20日 10:24/ 0 赞/ 617 阅读