jsp页面,让alert弹出信息换行显示

第一种方式:后端拼接上换行符前端显示

1,java后端将信息封装成字符串时,在需要换行的地方拼接上一个换行符,
显示在HTML中的换行,通常需要用<br>标签替代\n,如下:

java 复制代码
String javaString = "Line1||Line2||Line3";
String modifiedString = javaString.replace("||", "<br/>");
// 然后将modifiedString以JSON或其他方式传递给前端

第二种 后端返回字符串,前端处理

假设你已经通过某种方式(如AJAX请求)将字符串从后端接收到,并存储在一个名为 javaString 的JavaScript变量中,你可以这样操作:

java:

java 复制代码
String javaString = "Line1||Line2||Line3";

那前端处理,replace方法替换所有的||为换行符\n

java 复制代码
var javaString = 'Line1||Line2||Line3'; // 假设这是从后端获取到的字符串
var modifiedString = javaString.replace(/\|\|/g, '\n');
// 现在modifiedString中的"||"已被替换为换行符

// 将结果插入到HTML元素中,并保持换行效果
$("#targetElement").html(modifiedString.replace(/\n/g, '<br/>')); // 对于显示在HTML中的换行,通常需要用<br>标签替代\n

为什么换行使用/||/g这个去匹配||,

在JavaScript中,|| 是用来匹配字符串中的 "||" 字符序列的正则表达式。正则表达式的 /pattern/g 格式表示全局搜索并替换。

|:因为在JavaScript正则表达式中,| 代表逻辑或(alternation),所以要匹配字符 | 本身,需要使用反斜杠 \ 对其进行转义,即写成 |。

||:连续两个 | 就是用来匹配连续的两个 "|" 符号,即 "||"。

/g:这个是正则表达式的修饰符,表示全局搜索(global search)。这意味着它会查找字符串中所有匹配该模式的地方,并不是在找到第一个匹配项后就停止。

因此,/||/g 这个正则表达式就是用来在字符串 javaString 中查找所有的 "||" 并用换行符 \n 替换它们:

javascript 复制代码
var modifiedString = javaString.replace(/\|\|/g, '\n');

这样,原本包含 "||" 的字符串就会被转换为在每个 "||" 位置有换行的新字符串。

相关推荐
2401_885885049 小时前
国际语音C#接口怎么写?.NET环境下实现国际语音验证码批量下发
开发语言·c#·.net
米米商聊9 小时前
图标能点,按钮就可用了吗?键盘、名称与收藏状态
前端·javascript
程序猿乐锅9 小时前
【从0-1学习Python | 第七篇】Python 面向对象基础
开发语言·笔记·后端·python·学习·1024程序员节
Wang's Blog9 小时前
Java 项目实战: 交友项目 - 查询圈子个人动态:查询我的动态需求分析
java·开发语言·交友
凯瑟琳.奥古斯特10 小时前
力扣1016高效解法:剪枝优化技巧
开发语言·c++·算法·leetcode·职场和发展
坤坤子吖10 小时前
C++继承:友元、静态成员、多继承与组合
开发语言·c++·笔记·学习·1024程序员节
技术小甜甜11 小时前
【Cursor】Skill 被标黄色警告,怎么改成合格的 SKILL.md
开发语言·javascript·ai编程·cursor·1024程序员节·ai agent·skills
小小龙学IT11 小时前
Python Polars 高性能数据处理引擎深度解析
开发语言·python·rust·1024程序员节
quantdash_cc11 小时前
如何利用标的信息为研究股票池补充名称和交易所信息?
开发语言·python·pandas·量化交易·1024程序员节·股票数据·quantdash
qetfw12 小时前
Bash 函数与流程控制:read、if、for、case 验证
linux·前端·javascript·bash