javascript - 构建 mailto 链接时对 URI 组件进行编码

Question

当我使用encodeURIComponent对正文进行编码时，如下所示，如果正文中有空格，则生成的链接会损坏并显示如下:

http://www.sample.com/sample/explore?itemId=123&type=sample&name=name有空格

body = "http://www.sample.com/sample/explore?itemId=123&type=sample&name=name with space"

var newLink = "mailto:?subject=" + encodeURIComponent(subject) + "&body=" + encodeURIComponent(body);

window.location = newLin

我该如何修复它并创建有效的网址？

console.log 正确显示编码的 URL，但在 Outlook 中链接已损坏。它应该显示为正确的超链接

Answer 1

您是否尝试过将 body 变量中的 space 替换为 %20 ？

body = "http://www.sample.com/sample/explore?itemId=123&type=sample&name=name%20with%20space"

我建议您使用this将纯文本编码为查询字符串的工具。例如，如果您需要传递换行符 (\n)，请使用%0A作为换行符\n > 和 %0D 用于回车 \r 。看this ASCII表了解编码:第二列(Hx=十六进制ASCII表示)，以%为前缀，对应第五列(Chr=字符)报出的红色字符，即例如:

空格字符(表中第五列，Chr)= %20(表中第二列，Hx) ≅ +(阅读this答案)