当前位置: 首页 > article >正文

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

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

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

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

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

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

String javaString = "Line1||Line2||Line3";

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

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 替换它们:

var modifiedString = javaString.replace(/\|\|/g, '\n');

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


http://www.kler.cn/a/233242.html

相关文章:

  • goframe开发一个企业网站 验证码17
  • 硬件工程师之电子元器件—二极管(4)之热量对二极管温度特性的影响
  • 从华为到创业公司
  • 基于Java Web的传智播客crm企业管理系统的设计与实现
  • Jetpack 之 Ink API初探
  • WebAssembly在现代Web开发中的应用
  • Rust方法自动解引用测试,总结和补充
  • 前端入门:(五)JavaScript 续
  • Oracle篇—logminer日志挖掘恢复误操作数据
  • Vue源码系列讲解——虚拟DOM篇【三】(更新子节点)
  • 华为交换机常用命令
  • [office] excel2003进行可视性加密的方法 #媒体#其他#知识分享
  • 京东微前端框架MicroApp简介
  • 让cgteamwork自动为Houdini载入相机,角色道具的abc文件
  • docker下,容器无法启动,要删除里面的文件
  • vue3 elementplus DateTimePicker 日期时间设置默认时间为当天
  • 跟着cherno手搓游戏引擎【22】CameraController、Resize
  • WordPress突然后台无法管理问题
  • GPT-3 训练自己的数据教程详解
  • 常用数字处理格式校验
  • 【C++跬步积累】—— 构造函数+析构函数
  • ARM交叉编译搭建SSH
  • 【网络攻防】网络攻防综合题-期末重点
  • Select 选择器 el-option 回显错误 value
  • 《Django+React前后端分离项目开发实战:爱计划》 03 理解项目结构
  • 第64讲个人中心用户操作菜单实现