js的三种弹窗

最新推荐文章于 2024-05-10 09:56:17 发布
最新推荐文章于 2024-05-10 09:56:17 发布
阅读量8.2k 收藏 4
点赞数
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/small_demons/article/details/125505164
版权

1、alert()提示框

用途：一般用于提示信息或者警告信息的展示。

 

 

2、confirm(option)‘确认’或‘取消’消息框

用途：用户点击“确定”或“取消”按钮时，弹窗会返回一个布尔值。确认返回true,取消返回false,由此可以判断用户的操作。

 

 

3、prompt(option1[,option2])输入框
用途：用户可以在弹框输入字符串，点击确认后，弹窗会返回输入框内的字符串。

option1：数据类型是字符串；是弹框里的提示文字。
option2：数据类型是字符串；是弹框里输入框的value预留值,第二个参数为空时，弹框输入框中的值为空。

 

 

small_demons
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅谈javascript中的三种弹窗
10-21
下面小编就为大家带来一篇浅谈javascript中的三种弹窗。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
简述JS浏览器的三种弹窗
10-18
JavaScript（简称JS）是网页开发中的重要脚本语言，它提供了与用户交互的多种方式，其中最基础且直观的交互手段就是浏览器内置的三种弹窗：`alert`、`confirm` 和 `prompt`。这些弹窗函数使得开发者可以向用户显示...
js弹出框、对话框、提示框、弹窗总结
2301_76965813的博客
04-19 1万+
一、JS的三种最常见的对话框[javascript二、点击按钮时常用的6中提示框和操作[html] 三、弹出独立窗口[javascript] 参数解释：window.open 弹出新窗口的命令； ‘page.html’ 弹出窗口的文件名； ‘newwindow’ 弹出窗口的名字（不是文件名），非必须，可用空”代替； 　　height=100 窗口高度； 　　width=400 窗口宽度； 　　top=0 窗口距离屏幕上方的象素值； 　　left=0 窗口距离屏幕左侧的象素值； 　　toolba
【JavaScript】JS中类似宏变量、宏替换的用法（eval和 new Function）
【敦厚的曹操】的专栏
02-16 1483
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
js原生三种弹框
最新发布
qq_43235503的博客
05-10 602
js原生三种弹框
JavaScript的三种弹出提示框(alert、confirm、prompt)
热门推荐
『愚』的博客
11-09 9万+
三种提示框alert ()confirm()prompt () alert () alert()方法是显示一条弹出提示消息和确认按钮的警告框。 需要注意的是 ：alert()是一个阻塞的函数，如果我们不点确认按钮，后面的内容就不会加载出来。 使用方式： alert("想要提示的文本内容") 样例代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> a
js 弹出输入框
小鹿
03-27 2万+
<script type="text/javascript"> var code = prompt("请输入我爱你："); if(code.text!="我爱你"){ alert("你真的不爱我么") }else{ alert("我不爱你,你是个好人") } </scr...
js的三种弹出对话框
lwbcsd的博客
03-07 4956
弹出对话框的三种方式 第一种:alert()【警示对话框】 alert()方法是这三种对话框中最容易使用的一种,我们将它称为警示对话框,该对话框上只有"确认"按钮,点完就可以关闭对话框。 eg: 第二种:confirm()【确认对话框】 confirm()方法与alert()方法的使用十分类似，不同点是在该种对话框上除 了包含一个“确认”按钮外，还有一个“取消”按钮，这种对话框称为确认对话框,如果点击"确定"则confirm()会返回布尔值true,如果点击"取消"则返回布尔值flash。 eg: 第三
JS实现自定义弹窗功能
10-18
本文将详细介绍如何使用JavaScript（JS）来实现一个自定义的弹窗功能。 首先，自定义弹窗通常涉及到以下几个核心组成部分： 1. **HTML 结构**： HTML 用于构建弹窗的基本结构，如按钮触发弹窗的元素和弹窗的内容...
javascript弹出层输入框
shan1774965666的专栏
01-26 775
<script language="javascript" type="text/javascript">         function alertWin(title, msg, w, h) {                           var titleheight = "22px"; // 窗口标题高度             var b
JS弹框
qq_45746493的博客
11-12 259
alert()，confirm()和prompt()三种弹框 第一种alert() alert弹框直接直接弹出，是一种警示弹框，在弹框出现后只有一个人确定按钮 alert("里面为弹出的内容"); 第二种confirm() confirm弹框有确定和取消按钮，是一种确认对话框 confirm("里面为弹出内容"); 对确认和取消按钮进行赋值 var a; a=confirm("里面为弹出内容");...
js弹框
hexu_blog的博客
01-25 698
1.引入jquery.min.js 2.上代码 &lt;!DOCTYPE html&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;     &lt;head&gt;         &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&am
js的输入框，判断框，提示框
小韩Boy
06-01 2万+
如下： <script> alert("123456"); // 提示框： alert("提示内容"); var name=prompt("请输入您的名字","xxx"); // 输入框 var name= prompt("提示内容","默认内容"); // name 为输入的内容 var a = confirm("是否确定"); // 提示框： confir...
JavaScript中的三种弹出对话框
从手指到键盘，谱出生命的轨迹~~~
12-24 8485
学习过js的小伙伴会发现，我们在一些实例中用到了alert()方法、prompt()方法、prompt()方法，他们都是在屏幕上弹出一个对话框，并且在上面显示括号内的内容，使用这种方法使得页面的交互性更精彩，实际上我们经常会在进行网页浏览时简单这种类型的对话框，在用户与应用程序进行双向交流时，经常要用到对话框。avascript的三种对话框是通过调用window对象的三个方法alert()，con
js弹窗的3种方式：alert、confirm、prompt
Kuroko's Development Notes
12-02 1万+
先上代码：   &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&..
js中三种弹窗的使用
weixin_43491576的博客
05-31 1160
1、alert()–警告消息框 alert 方法有一个参数，即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。 例如：window.alert(“欢迎！请按“确定”继续。”)，将会出现下面的情况 2、confirm()–确认消息框 使用确认消息框可向用户问一...
JS实现图片弹窗
Annn_kk的博客
04-30 1万+
使用JavaScript和CSS实现点击图片缩略图，创建图片弹窗的功能。 需要配置HTML页面，JS代码和CSS代码 HTML代码： <body> <!-- 图片缩略图，点击图片触发点击事件，以触发弹窗，将display：none去除即可显示图片 --> <img id="myImg" src="C:\Users\Administrator\Desk...
html弹窗类型,简述JS浏览器的三种弹窗
weixin_39922683的博客
06-26 837
1.alert:使用alert弹框提示信息，最后都会被转化为字符串输出(因为调用了toString这个方法)。比如alert(1+1)弹出的结果应该是字符串形式的“2”。2.Confirm:在alert基础上增加了让用户选择性的操作(提供两个按钮：确定和取消)比如：var delin = confirm(‘你确定要删除吗？');这一句，当用户点击确定按钮的时候，我们接受到的结果是true,点击的...
js中 各种弹出窗
qq_42467563的博客
10-23 419
各种弹出框 alert：警告框 confirm：确认框 prompt：输入框   &lt;html&gt;     &lt;head&gt;         &lt;meta charset="utf-8" /&gt;         &lt;title&gt;各种弹出框&lt;/title&gt;     &lt;/head&gt;     &lt;b
JS点击按钮弹窗修改数据
06-08
要实现点击按钮弹窗修改数据，你需要使用JavaScript编写以下步骤: 1. 给按钮添加点击事件监听器 2. 在监听器中获取需要修改的数据 3. 创建一个弹窗并在其中显示需要修改的数据 4. 让用户在弹窗中输入修改后的数据 5. 点击保存按钮后，获取用户输入的数据并更新原始数据 6. 关闭弹窗并将更新后的数据展示在页面上 以下是一个示例代码，仅供参考： ```html <!-- HTML --> <button id="edit-btn">编辑数据</button> <script> // JavaScript const data = { name: '张三', age: 18 }; const editBtn = document.getElementById('edit-btn'); editBtn.addEventListener('click', () => { // 获取需要修改的数据 const name = data.name; const age = data.age; // 创建弹窗并显示数据 const popup = document.createElement('div'); popup.innerHTML = ` <label>姓名：</label><input type="text" id="name-input" value="${name}"><br> <label>年龄：</label><input type="number" id="age-input" value="${age}"><br> <button id="save-btn">保存</button> `; document.body.appendChild(popup); // 保存按钮点击事件监听器 const saveBtn = document.getElementById('save-btn'); saveBtn.addEventListener('click', () => { // 获取用户输入的数据 const newName = document.getElementById('name-input').value; const newAge = document.getElementById('age-input').value; // 更新原始数据 data.name = newName; data.age = newAge; // 关闭弹窗 document.body.removeChild(popup); // 更新页面展示的数据 // ... }); }); </script> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值