js字符串中转义字符‘\n‘失效问题

最新推荐文章于 2024-04-18 09:00:00 发布
最新推荐文章于 2024-04-18 09:00:00 发布
阅读量2.4k 收藏 1
点赞数 2
分类专栏： css 文章标签： html 前端 javascript css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64393334/article/details/130522738
版权

        在项目中有很多地方需要用到提示信息,但是都分布在不同的画面组件中,为了方便管理与修改,我将所有的提示信息都放在了一个js文件中,用的时候直接引入js文件调用就可以了

        有的提示信息是有格式要求的,比如换行,所以我想到了使用转义字符'\n',但是并不生效,查了许多的方法,最后发现只要在引入的时候对元素的CSS中设置 white-space: pre-line 即可实现换行要求

js文件

在组件中引用

 

对元素的CSS的设置 

 

 

阿米ya~
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery对id中含有特殊字符的转义处理示例
10-26
- 使用属性选择器来指定ID，避免直接在选择器字符串中使用特殊字符。 了解并掌握这些转义技巧，可以有效地帮助我们在处理含有特殊字符的ID时避免遇到问题，从而提高代码的稳定性和可维护性。在编写HTML和JavaScript...
Swift5中从原始文本创建字符串的方法
08-25
传统的多行字符串文字（multi-line string literals）虽然方便，但会去除反斜杠，导致原始文本中的转义字符失效。例如： ```swift let json1 = """ { "colors": ["red","green","blue"], "label": "Insert \"title\...
js解决的\n换行不生效的问题
weixin_48567214的博客
04-18 2399
white-space CSS 属性是用来设置如何处理元素中的空白。将\n换成前端能解析的。
JS字符串中换行符\n失效
luotouzi的博客
10-19 4153
元素的CSS中设置 white-space: pre-line 即可
Js字符串转义符错误
物有所不足 智有所不明 用君之心 行君之意
09-12 2345
今天写js代码，如果在js的字符串中带有\r\n这样的转义符就会报错 unterminated string literal。把字符串中的\r\n替换成\n就可以成功换行了。
js中 replace(ng, ,)替代换行符‘\n‘不生效
qq_41838435的博客
03-22 603
js中 replace(/\n/g, ',')不生效
使用@符号后部分转义字符无效的解决方法
weixin_40029679的博客
10-30 1993
1.“双引号” 如果使用转义字符 "“会出错。这个时候就使用”"三个双引号即为一个双引号。 c#中转义双引号"，使用的转义字符仍然是\。 string str = ““www.itjsxx.com””; 但是，在c#的逐字字符中，双引号的转义字符不能用\了，会报错，而是用两个双引号"“来表示”。 string str1 = @""“www.itjsxx.com”""; ...
如何使转义符号无效（raw）
心流的博客
04-22 2269
raw字符串（原始字符串）格式：r’字符串内容’r”字符串内容”r’’’字符串内容’’’r”””字符串内容”””作用：让转义符号\无效示例：#转义之后的a = ＇C:newfile\test.py＇print(a)C:Ewfile est.py#未转义raw字符串a = r＇C:newfile\test.py＇print(a)C:newfile\test.py...
Shell命令行中特殊字符与其转义详解(去除特殊含义)
09-15
转义字符`\`是最常用的特殊字符转义方法，将其放在特殊字符前即可使其失效。例如，如果想打印名为`test*`的文件内容，可以使用`cat test\*`，这里的`\`告诉Shell不要将`*`作为通配符处理。 单引号`' '`和双引号`" ...
Java正则表达式处理特殊字符转义的方法
08-31
这个函数接收一个字符串`keyword`，然后遍历一个包含所有需要转义的特殊字符的数组。如果`keyword`中包含这些特殊字符，函数将使用`String`的`replace`方法将它们替换为转义后的形式。注意，由于`replace`方法的替换...
PHP中addslashes()和stripslashes()实现字符串转义和还原用法实例
10-23
主要介绍了PHP中addslashes()和stripslashes()实现字符串转义和还原用法,结合实例形式较为详细的分析了addslashes()和stripslashes()函数的功能,定义及具体使用技巧,并附带说明了addslashes()与addcslashes()函数的...
关于在js中存在 “\r\n”＜br /＞处理字符串中，换行符无效问题的处理办法
Xpy 的博客
08-05 5634
\r\n
python中如何使转义符无效，路径错误问题
qq_42356925的博客
12-15 1514
python中如何使转义符无效，路径错误问题
js 字符串中的\n不会换行
weixin_30500289的博客
08-23 537
解決方案： var str1=aaaaaaa\nbbbbbbb; alert(str1); //不换行 ？？？不知所以然 解决办法： while (str1.indexOf("\\n") >= 0) { var str2 = str1.replace("\\n", " \n "); } 将\n两边各加一个空格就ok了。 alert(str2...
js 字符串处理\\n和\\\
最新发布
偏执的小男孩儿
04-18 1257
js 字符串处理\\n和\\\
解决layui的table组件data-content未转义导致的问题。
Sun的专栏
03-03 1194
几番修改无效因为data-content为layui自己的内容,所以需要修改源代码处理 参考https://blog.csdn.net/MicroAnswer/article/details/103008164 需要修改 table.js 的源代码 layui-v2.5.6版本 将 r.templet && e.push('data-content="' + m + ...
html 文本换行 \n 没有生效
最是人间留不住，朱颜辞镜花辞树。
03-20 1170
本中直接用 \n ，无法换行，因为 html 不识别 \n，如果只是单纯的用 replace 把 \n 换成 <br/>，只能变成普通的字符串，也还是无法换行。原文链接：https://blog.csdn.net/lizhi1030/article/details/126990490。用 innerHTML = " ... " 或者 v-html 来把 <br/> 识别为 html node。给要换行的元素，加上样式white-space: pre-line;在标签上套一个 <pre></pre>
thymeleaf特殊字符输出转义
凌康的博客
12-19 3721
thymeleaf特殊字符输出转义，字符串包括/@#￥%&*，正常来说他们输出会被转义掉。可以采用#strings.toString("context")来正常输出他们： JavaScript中：#strings.toString("/menu/edit") // JavaScript标签不要使用<script th:inline="javascript">，要使用<script> // 使用<script th:inline="javascript"> 会自动安
换行符 \n 不起作用
John的专栏
11-27 785
接口返回字段包含换行符\n，但前端没有正常显示，百度大法后，添加white-space: pre-line，搞定！
vue div中html标签失效
05-31
2. 如果需要在Vue.js的模板中使用HTML标签，应该使用v-html指令，例如<div v-html="message"></div>，而不是直接在字符串中使用HTML标签。 3. 如果使用了scoped样式，可以使用深度选择器（::v-deep或>>>）来覆盖子...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值