js中text显示内容如何换行

弹窗直接加n，HTML用
或替换n。

你自己掂量。

js中的换行符怎么用

哦，说起来JavaScript里的换行符啊，那可是挺有意思的，得看你在什么系统上用，对吧？Unix/Linux和macOS上，默认的是那个n，也就是LF，光标直接跳到下一行的开头。
DOS/Windows早期系统啊，用的是那个r，CR，就是回车符，把光标往回拉。
不过现在Windows都统一成rn了，兼容性更好。

记得有一次，我写了个多行字符串，用的是n，结果在Windows系统上打开文件，发现每行后面都多了一个空格，那可把我给搞懵了。
后来才知道，得用rn才不会乱码。

模板字符串啊，ES6 出来的新玩意儿，写起来挺方便的，用反引号，直接写多行，不用管n和rn。
我记得2 02 2 年，有个项目，用到模板字符串，结果调试的时候，发现输出到页面上，换行效果不明显，后来才知道，得注意浏览器兼容性。

再说说控制台输出，console.log里也能用n，但是有时候直接写可能会出问题，我之前就犯过这样的错误。
得注意，别把n写成rn，否则在Windows系统上，可能会显示不出来。

处理文件或者网络协议的时候，比如HTTP头，Windows系统可能就得用rn，得注意这个兼容性。
我之前写过正则表达式，匹配换行符，得用[rn]或者r?n，这样才能兼容两种格式。

避免单独使用r，这个得记牢，现在用得少了，容易出问题。
记得有一次，我写了个处理文本的函数，用r去分割字符串，结果发现分割出来的数组里，有些行是空的，后来才反应过来，得用n。

举个例子，我写了个多行字符串，用n分隔，然后是个模板字符串，自动换行，最后控制台输出，我用n，还写了处理不同平台换行符的函数。
当时也懵，后来才反应过来，可能我偏激了，换行符这事儿，得根据具体情况来。

使用 JavaScript 在按钮点击时动态添加换行和内容

说白了，使用JavaScript在按钮点击时动态添加换行和内容，其实很简单。
首先，你需要在HTML中搭建好结构，比如一个文本输入框、一个数字输入框、一个按钮、一个显示总金额的span和一个用于显示内容的div。
然后，通过JavaScript来处理用户输入和动态更新DOM。

先说最重要的，获取用户输入。
你通过document.getElementById()获取输入框元素，并使用.value属性提取内容。
比如，获取名字和金额：
javascript const nombre = document.getElementById("nombre").value; let monto = document.getElementById("monto").value;
另外一点，你需要创建DOM元素来表示换行和内容。
使用document.createElement()生成换行符，用document.createTextNode()创建文本节点。
例如：
javascript const lineBreak = document.createElement("br"); const newTotal = document.createTextNode(${nombre}:${monto});
还有个细节挺关键的，更新目标容器。
通过appendChild()将换行符和文本节点依次添加到指定容器中，比如：
javascript total.appendChild(lineBreak); total.appendChild(newTotal);
思维痕迹部分，我一开始以为只需要更新一次DOM，后来发现每次输入都要更新，所以每次点击按钮都要执行这个操作。

最后，数值累加处理也很重要。
将输入的字符串数值通过Number()转换为数字类型后进行累加，并更新显示结果。
例如：
javascript monto = Number(monto) + Number(final[xss_clean]); final[xss_clean] = ${monto}; aporte[xss_clean] = ${monto};
等等，还有个事，性能优化。
频繁操作DOM可能影响性能，你可以使用DocumentFragment来批量添加节点，这样可以提高性能。

安全性方面，如果输入内容来自用户且需显示在页面上，需对文本进行转义，防止XSS攻击。

所以，总结一下，通过JavaScript动态操作DOM，可以实现按钮点击时在页面中添加换行和内容，并完成数值累加。
核心流程包括：获取输入→创建元素→更新DOM→处理数值。
需要注意的是类型转换、性能优化和安全性问题。