JavaScript字符串添加换行：邮件分享时内容未换行的技术问题

嘿，这个问题我之前踩过坑！你遇到的换行失效，核心原因是**mailto协议的参数需要URL编码**——直接把\n拼进URL里，邮件客户端根本识别不了它是换行符~

问题根源 #

你代码里的\n在控制台输出是正常的，但当它被放到mailto的body参数中时，浏览器会把它当作普通文本传递，邮件客户端接收后不会解析成换行，自然就变成了hellohello。

解决方案 #

给sharing_txt（还有subject最好也一起）做URL编码，用encodeURIComponent()方法就行。它会把\n转换成%0A——这是URL中代表换行的编码字符，邮件客户端能正确识别。

修改后的代码如下：

var sharing_txt = "";
sharing_txt = sharing_txt.concat("hello");
sharing_txt = sharing_txt.concat("\n");
sharing_txt = sharing_txt.concat("hello");

// 对邮件主题和正文都进行URL编码
var encodedSubject = encodeURIComponent('hello subject');
var encodedBody = encodeURIComponent(sharing_txt);

window.location.href = `mailto:?subject=${encodedSubject}&body=${encodedBody}`;

额外提示 #

除了换行符，像空格、&、?这类特殊字符直接拼进URL也会出问题，所以养成对mailto的所有参数都做URL编码的习惯，能避免很多兼容性问题~

内容的提问来源于stack exchange，提问作者nmnir