js的三种弹出对话框

原创 于 2021-03-07 18:36:50 发布 · 5.1k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了JavaScript中用于弹出对话框的三种方法：alert()用于展示警示信息，只有一个确认按钮；confirm()提供确认和取消选项，返回用户的选择；prompt()则允许用户输入信息，同样带有确认和取消按钮。了解这些基本对话框的用法对于前端开发至关重要。

弹出对话框的三种方式

第一种:alert()【警示对话框】
alert()方法是这三种对话框中最容易使用的一种,我们将它称为警示对话框,该对话框上只有"确认"按钮,点完就可以关闭对话框。
eg:

第二种:confirm()【确认对话框】
confirm()方法与alert()方法的使用十分类似，不同点是在该种对话框上除 了包含一个“确认”按钮外，还有一个“取消”按钮，这种对话框称为确认对话框,如果点击"确定"则confirm()会返回布尔值true,如果点击"取消"则返回布尔值flash。
eg:
第三种:prompt()【提示框】
alert()和confirm()都只是显示已有的内容,而prompt()提供了一个文本框可以让用户输入自己的信息,同时也具有"确认","取消"按钮,这种对话框称为提示框。
如果用户点击"确认"按钮,则prompt()返回用户填入的信息{(字符串类型)或者初始值(如果用户没有输入信息)},如果点击"取消"按钮则返回null
eg:

js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
11-24
一、JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息！"); } //弹出一个询问框，有确定和取消按钮 function firm() { //利用对话框返回的值 （true 或者 false） if (confirm("你确定提交吗？")) { alert("点击了确定"); } else {
js弹出对话框的3种方式
12-10
<html> <head> <title>无标题页</title> </head> <script language="javascript" type="text/javascript"> function ale() { //这个基本没有什么说的，就是弹出一个提醒的对话框 alert("我敢保证，你现在用的是演示一"); } function firm() { //利用对话框返回的值 （true 或者 false） if(confirm("你确信要转去 天轰穿的博客？"))
js弹出对话框
yongyonglsy的专栏
06-11 161
js 弹出对话框3种方式对话框有三种 1：只是提醒，不能对脚本产生任何改变； 2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 if...else...判断 3：一个带输入的对话框，可以返回用户填入的字符串，常见于某些留言本或者论坛输入内容那里的插入UBB格式图片 下面我们分别演示：复制以下代码存为test.htm文件 &lt;html&gt;&lt...
js弹出框
weixin_34390105的博客
05-11 143
js弹出框 alert()、confirm()、prompt()的区别和联系： 警告框alert(): alert是警告框，只有一个按钮"确定"无返回值 确认框confirm(): confirm是确认框，两个按钮，一个确定或者一个取消返回true或false，确认框用于使用户可以验证或者接收某些信息 提示框prompt()： prompt是提示框，返回输入的消息，或者其默认值...
js 弹出对话框3种方式
编程资料大全
08-28 233
对话框有三种 1：只是提醒，不能对脚本产生任何改变； 2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 if...else...判断 3： 一个带输入的对话框，可以返回用户填入的字符串，常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片 下面我们分别演示： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1....
js中常用的弹出对话框3种方式
12-10
三种弹出对话框的用法实例 对话框有三种 1：只是提醒，不能对脚本产生任何改变； 2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 if else 判断 3：一个带输入的对话框，可以返回用户填入的字符串，...
js弹出对话框方式小结
10-23
下面详细分析三种常用的对话框实现方式以及它们的具体使用方法。 1. alert() 函数 alert() 是 JavaScript 中最基础的对话框形式。它用于显示一条信息，并且要求用户确认后才能继续执行代码。alert() 函数只接收一个...
JS弹出对话框实现方法(三种方式)
10-23
JavaScript中的对话框主要分为三种：警告框（alert）、确认框（confirm）和提示框（prompt）。这些对话框是JavaScript提供的简单交互方式，能够为用户在网页上提供即时的信息和收集用户的输入。 警告框（alert）是...
JavaScript弹出对话框的三种方式
10-22
JavaScript中的弹出对话框是网页交互的重要组成部分，它们允许用户与网页进行简单的互动。本文将详细介绍JavaScript中的三种对话框：alert()、confirm()和prompt()方法。 首先，我们来看看最简单的`alert()`方法。`...
JS对话框的总结
仰望者！
02-13 2612
对话框有三种 1 alert 只是提醒，不能对脚本产生任何改变； 2 confirm 一般用于确认，返回 true 或者 false ，所以可以轻松用于 if...else...判断  3 prompt 一个带输入的对话框，可以返回用户填入的字符串，常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片  三种弹出对话框的用法实例 function ale() {//这个基本没有什么
JavaScript中的三种弹出框
01-20
JavaScript中有三种弹出框，alert()，confirm(), prompt()。 1、alert()弹出一个警示框 使用alert，浏览器可以弹出一个警示框。alert()中可以填写数字，填写文本和字符的时候需要加引号，如alert（‘请确认周围环境安全’），该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。 代码： 亦枫 //JavaScript脚本标注 alert(上联：山石岩下古木枯);//在页面上弹出上联 alert(下联：白水泉边少女妙);//在页面上弹出下联 执行上面的小例子，
JS弹出对话框
小志的博客
12-06 564
JS弹出对话框
js 内置的三种弹框：alert、confirm、prompt
全易
12-23 768
confirm() if (confirm("提示文字")) { console.log("点击了确定"); } else { console.log("点击了取消"); } alert() console.log(alert("提示文字")); if (alert("提示文字")) { console.log("点击了确定"); } else { console.log("点击了取消"); } prompt() let value = prompt("提示文.
JS实现弹出层对话框
weixin_33726313的博客
09-20 370
点击按钮后，弹出层对话框，可交互，点击关闭后才关闭掉对话框。 效果图： 源码： &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;My Test Document&lt;/title&gt; &lt;style&gt
JavaScript:九种js弹出对话框
love android
05-11 1592
【1、最基本的js弹出对话框窗口代码】 这是最基本的js弹出对话框，其实代码就几句非常简单： View Code window.open ("page.html") --> 因为这是一段javascripts代码，所以它们应该放在标签和之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。  wi
JavaScript的三种弹框
他的博客
01-20 1255
js的三种弹框 js分别有三种弹框，分别是警告框、确认框、对话框 警告框 alert() alert("你卡余额已不足，请及时充钱！！！") 效果 确认框 confirm() confirm("确认要分开吗？") 效果 对话框 prompt() // 第一个参数是提示语，第二个参数是输入框默认值 let result = prompt("作者帅不帅呢？", ["确认过眼神，是个大帅逼."]); // 前面定义了个变量result接收用户输入的值，这个值则可以通过变量进行引用，如下 consol
javascript的三种弹出对话框alert，confirm和prompt
唐策的博客
03-09 5273
第一种：alert()方法 alert()方法是这三种对话框中最容易使用的一种，她可以用来简单而明了地将alert()括号内的文本信息显示在对话框中，我们将它称为警示对话框，要显示的信息放置在括号内，该对话框上包含一个“确认”按钮，用户阅读完所显示的信息后，只需单击该按钮就可以关闭对话框。下面来看一个使用alert()方法的例子，代码如下所示： 第二种：confirm()方法 confi...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值