当前位置： 首页 > news >正文

JavaScript 弹窗

news 2026/3/30 19:00:31

文章目录

  • JavaScript 弹窗
    • 警告框
    • 确认框
    • 提示框
    • 换行

JavaScript 弹窗

在这里插入图片描述
可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。

警告框

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

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

window.alert("sometext");

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("sometext");

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 + "! 今天感觉如何?";document.getElementById("demo").innerHTML=x;
}

换行

弹窗使用 反斜杠 + “n”(\n) 来设置换行。

alert("Hello\nHow are you?");

相关文章：

JavaScript 弹窗

文章目录JavaScript 弹窗警告框确认框提示框换行JavaScript 弹窗 可以在 JavaScript 中创建三种消息框&#xff1a;警告框、确认框、提示框。 警告框 警告框经常用于确保用户可以得到某些信息。 当警告框出现后&#xff0c;用户需要点击确定按钮才能继续进行操作。 语法 wi…...

编程日记 2023/2/26 7:34:36

408复试day1

文章目录数据结构计算机组成原理操作系统计算机网络数据结构 深度优先遍历DFS&#xff1a; 首先访问图中起始顶点v&#xff0c;然后由v出发&#xff0c;访问与v邻接且未被访问的顶点v1&#xff0c;再访问与v1相邻的且未被访问的顶点v2……重复上述过程。当不能再继续向下访问时…...

编程日记 2023/2/26 7:33:17

gdb openocd jlink arm-a9调试

连接关系是这样的&#xff1a;gdb —> openocd —>&#xff08;这里需要两个xx.cfg配置文件&#xff09; jlink —> arm-a9板子 具体流程是这样的&#xff1a; 给jlink&#xff08;硬件调试器&#xff09;安装驱动&#xff0c;用USB Driver Tool这个软件&#xff0c;…...

编程日记 2023/2/26 7:31:59

Leetcode Solutions - Part 2

1. Two Sum 给定一个整数数组 nums 和一个整数目标值 target&#xff0c;请你在该数组中找出 和为目标值 target 的那 两个 整数&#xff0c;并返回它们的数组下标。 你可以假设每种输入只会对应一个答案。但是&#xff0c;数组中同一个元素在答案里不能重复出现。 你可以按…...

编程日记 2023/2/26 7:30:39

外盘国际期货：围观那些奇葩的国际节日？

围观那些奇葩的国际节日&#xff1f; 2月24日&#xff1a;世界讨厌香菜日&#xff0c;号召全世界所以讨厌香菜的人一起抵制香菜&#xff0c;2016年世界反香菜联盟 3月21日&#xff1a;世界睡眠日&#xff0c;唤起全民对睡眠重要性的认识&#xff0c;2001年国际精神卫生组织 …...

编程日记 2023/2/26 7:29:19

Kubernetes之服务的基本管理

svc是kubernetes最核心的概念&#xff0c;通过创建Service&#xff0c;可以为一组具有相同功能的容器应用提供一个统一的入口地址&#xff0c;并将请求进行负载分发到后端的各个容器应用上。pod生命周期短不稳定&#xff0c;pod异常后新生成的pod的IP会发生变化&#xff0c;通过…...

编程日记 2023/2/26 7:27:44

TimeWheel时间轮算法原理及实现（附源码）

时间轮算法原理及实现前言1.时间轮核心2.简单定时器3.任务队列4.优化任务队列5.简单时间轮6.多层时间轮前言 在各种业务场景中,我们总是会需要一些定时进行一些操作,这些操作可能是需要在指定的某个时间点操作,也可能是每过一个固定的时间间隔后进行操作,这就要求我们需要有一个…...

编程日记 2023/2/26 7:26:23

【蓝牙mesh】Upper协议层介绍

【蓝牙mesh】Upper协议层介绍 Upper层简介 Upper协议层用于处理网络层以上的功能&#xff0c;包括设备的应用层数据、安全、群组等信息&#xff0c;是实现蓝牙mesh应用功能的关键协议之一。Upper层接收来自Access层的数据或者是Upper层自己生成的Control数据&#xff0c;并且将…...

编程日记 2023/2/26 7:24:52

NEXUS 6P刷机安装Edxposed

刷机 abd等工具下载&#xff1a; https://developer.android.com/studio/releases/platform-tools?hlzh-cn 下载后配置环境变量 镜像下载&#xff1a; https://developers.google.com/android/images?hlzh-cn#angler Magisk下载 GitHub - topjohnwu/Magisk: The Magic M…...

编程日记 2023/2/26 7:23:31

web、ES、vue等知识总结

1&#xff1a;Vue2和vue3的区别: 一个、两个2&#xff1a;Vue3.x为什么要用Proxy来代替Object.defineProperty?3&#xff1a;Proxy4&#xff1a;一些知识点的原理全面5&#xff1a;vue3中加入eslint和prettier6&#xff1a;详解vue中的diff算法7:响应式布局的常用解决方案对比…...

编程日记 2023/2/26 7:22:17

数据库第一章(王珊课后习题)

文章目录1.试述数据、数据库、数据库管理系统、数据库系统的概念2.使用数据库系统有什么好处&#xff1f;3.试述文件系统与数据库系统的区别和联系。4.试述数据库系统的特点5.数据库管理系统的主要功能有哪些&#xff1f;6.什么是概念模型?试叙述概念模型的作用7.解释实体、实…...

编程日记 2023/2/26 7:20:47

设计模式(十一)----结构型模式之装饰者模式

1、概述 我们先来看一个快餐店的例子。 快餐店有炒面、炒饭这些快餐&#xff0c;可以额外附加鸡蛋、火腿、培根这些配菜&#xff0c;当然加配菜需要额外加钱&#xff0c;每个配菜的价钱通常不太一样&#xff0c;那么计算总价就会显得比较麻烦。 使用继承的方式存在的问题&…...

编程日记 2023/2/26 7:19:25

lighthouse的介绍和基本使用方法

Lighthouse简介 Lighthouse是一个开源的自动化性能测试工具&#xff0c;我们可以使用该功能检测我们的页面存在那些性能方面的问题&#xff0c;并会生成一个详细的性能报告来帮助我们来优化页面 使用方式 LH一共有四种使用方式 Chrome开发者工具Chrome扩展Node 命令行Node …...

编程日记 2023/2/26 7:18:01

分布式算法 - Raft算法

Paxos是出了名的难懂&#xff0c;而Raft正是为了探索一种更易于理解的一致性算法而产生的。它的首要设计目的就是易于理解&#xff0c;所以在选主的冲突处理等方式上它都选择了非常简单明了的解决方案。推荐阅读提示强烈推荐通过如下资料学习raft。 raft.github.io这里面有一个…...

编程日记 2023/2/26 7:16:35

Python|每日一练|链表|双指针|数组|递归|图算法|单选记录：删除链表的倒数第 N 个结点|下一个排列|迷宫问题

1、删除链表的倒数第 N 个结点&#xff08;链表&#xff0c;双指针&#xff09; 给你一个链表&#xff0c;删除链表的倒数第 n 个结点&#xff0c;并且返回链表的头结点。 进阶&#xff1a;你能尝试使用一趟扫描实现吗&#xff1f; 示例 1&#xff1a; 输入&#xff1a;head …...

编程日记 2023/2/26 7:15:09

天线理论知识2——宽带天线介绍

系列文章目录 文章目录 系列文章目录前言一、行波天线1. 长导线天线2. V形天线二、螺旋天线三、八木-宇田天线前言 宽带天线指的是具有哦宽频带特性的天线，常见的宽带天线有行波天线，螺旋天线以及八木天线。 一、行波天线 长度为 l l l的中心馈电的线天线上的电流呈驻波分…...

编程日记 2023/2/26 7:13:58

【计组笔记05】计算机组成与原理之虚拟存储器、指令系统、中央处理器CPU

这篇文章，主要介绍计算机组成与原理之虚拟存储器、指令系统、中央处理器CPU。 目录 一、虚拟存储器 1.1、页式虚拟存储器 1.2、段式虚拟存储器 1...

编程日记 2023/2/26 7:12:49

多功能土壤速测仪功能介绍

大家好&#xff0c;今天给大家介绍一款多功能土壤速测仪&#xff0c;它由多功能速测仪主机、土壤墒情传感器、USB数据线、电源适配器、便携式手提箱等部分组成。速测主机配备有工业级液晶屏&#xff0c;大屏幕中文显示&#xff0c;使得测量参数&#xff0c;时间&#xff0c;设备…...

编程日记 2023/2/26 7:11:38

《设计模式》命令模式

《设计模式》命令模式 命令模式&#xff08;Command Pattern&#xff09;是一种行为型设计模式&#xff0c;它将请求和处理分开&#xff0c;使得请求发送者和接收者解耦&#xff0c;从而降低系统的耦合度。在命令模式中&#xff0c;请求被封装为一个独立的对象&#xff0c;并且…...

编程日记 2023/2/26 7:10:19

开源物联网平台有哪些？

目前市面上有许多开源物联网平台可供选择。以下是其中一些较为流行和知名的平台&#xff1a; Eclipse IoT&#xff1a;Eclipse IoT 是一个开源的物联网平台&#xff0c;旨在提供可扩展、灵活和高度集成的工具和框架&#xff0c;用于构建、部署和管理 IoT 解决方案。它包含多个…...

编程日记 2023/2/26 7:09:14

SolidWorks 与 CATIA 模型转换实战：从本地操作到云端解决方案

1. 为什么需要SolidWorks与CATIA模型转换 在机械设计领域&#xff0c;SolidWorks和CATIA就像两个说着不同语言的工程师。SolidWorks以其直观的操作界面和强大的参数化建模能力&#xff0c;成为中小企业和教育机构的首选工具。而CATIA则凭借在复杂曲面设计和高端制造领域的深厚积…...

编程新知 2026/3/30 18:12:38

Python爬虫实战：手把手教你如何基于 Python 异步架构的 Crates.io 工业级爬虫实战！

㊗️本期内容已收录至专栏《Python爬虫实战》&#xff0c;持续完善知识体系与项目实战&#xff0c;建议先订阅收藏&#xff0c;后续查阅更方便&#xff5e; ㊙️本期爬虫难度指数&#xff1a;⭐⭐☆☆☆&#xff08;基础级&#xff09; &#x1f250;福利&#xff1a; 一次订阅…...

编程新知 2026/3/30 18:02:34

Mac Mouse Fix：释放第三方鼠标潜能，重构macOS输入体验

Mac Mouse Fix&#xff1a;释放第三方鼠标潜能&#xff0c;重构macOS输入体验 【免费下载链接】mac-mouse-fix Mac Mouse Fix - A simple way to make your mouse better. 项目地址: https://gitcode.com/GitHub_Trending/ma/mac-mouse-fix 现象解构&#xff1a;当高端鼠…...

编程新知 2026/3/30 17:30:06

1998-2025年区县政府工作报告文本数据

县域政府工作报告是县级政府向同级人民代表大会汇报年度工作的核心文件&#xff0c;报告既总结上一年度经济社会发展和政府工作成效&#xff0c;也提出当前形势判断、政策取向及下一阶段重点任务&#xff0c;是集中反映政府施政理念、政策重点和发展方向的重要文本 整理了1998…...

编程新知 2026/3/30 17:07:56

基于ROS的语音控制机器人（一）：从零搭建多模态交互系统

1. 从零搭建ROS语音控制机器人的核心思路 第一次接触ROS机器人开发时&#xff0c;我被其分布式架构深深吸引。想象一下&#xff1a;你对着电脑说"前进"&#xff0c;树莓派就能驱动小车移动&#xff1b;喊"打开摄像头"&#xff0c;机器人立即开启视觉识别—…...

编程新知 2026/3/30 16:57:46

学习记录：数据预处理流程全解析

学习记录&#xff1a;数据预处理流程全解析 在大数据分析过程中&#xff0c;数据预处理是极为关键的环节&#xff0c;它直接影响到后续分析结果的准确性和可靠性。近期深入学习了数据预处理的各个流程&#xff0c;包括数据清洗、数据集成、数据变换和数据归约&#xff0c;下面将…...

编程新知 2026/3/30 14:58:37

二手破损手机涨价，业余 NAS 玩家如何破局？

最近打开手机回收 App&#xff0c;发现家里那台屏幕碎成渣、开不了机的旧安卓机&#xff0c;居然能卖一百多&#xff0c;甚至两三百。你可能会想&#xff1a;这是天上掉馅饼&#xff0c;还是 NAS 玩家的“矿难”前兆&#xff1f; 作为一名业余 NAS 玩家&#xff0c;我正好踩在这…...

编程新知 2026/3/30 14:50:26

4步打造高效能开源路由器：OpenWrt固件安装指南

4步打造高效能开源路由器&#xff1a;OpenWrt固件安装指南 【免费下载链接】openwrt openwrt编译更新库X86-R2C-R2S-R4S-R5S-N1-小米MI系列等多机型全部适配OTA自动升级 项目地址: https://gitcode.com/GitHub_Trending/openwrt5/openwrt OpenWrt固件安装是提升R5S设备性…...

编程新知 2026/3/30 14:46:23

OpenClaw多模型切换：百川2-13B与Qwen在任务链中的混合调用策略

OpenClaw多模型切换&#xff1a;百川2-13B与Qwen在任务链中的混合调用策略 1. 为什么需要多模型混合调用&#xff1f; 去年冬天&#xff0c;当我第一次尝试用OpenClaw自动化处理周报时&#xff0c;发现一个有趣的现象&#xff1a;同一个模型在写作创意部分和代码生成环节的表…...

编程新知 2026/3/30 14:11:29

LoRA训练助手效果展示：动漫风格迁移作品集

LoRA训练助手效果展示&#xff1a;动漫风格迁移作品集 1. 引言 你是否曾经想过&#xff0c;把自己拍摄的普通照片转换成新海诚风格的唯美画面&#xff0c;或者让日常场景拥有吉卜力工作室的梦幻质感&#xff1f;现在&#xff0c;这一切都不再是梦想。通过LoRA训练助手&#x…...

编程新知 2026/3/30 13:18:50