JavaScript中使用mailto能否设置邮件内容特定字符加粗或放大？

嘿，这个问题我太熟了！你之前尝试HTML、CSS还有.bold()方法都没生效，核心原因是mailto协议本身的局限性——绝大多数邮件客户端（比如Outlook、Gmail网页版默认模式）根本不支持解析mailto参数里的HTML标签，你写的<b>user1</b>只会被当成纯文本显示，自然看不到加粗效果。

下面给你两个实用的解决方案，根据你的需求选就行：

方案1：纯文本视觉强调（兼容性拉满） #

既然mailto只能传纯文本，那我们就用所有客户端都能识别的纯文本标记来突出内容，比如星号、下划线，或者直接大写。代码示例：

const username = "user1";
const password = "pass1";

// 用星号做强调（类似Markdown的粗体）
const emailBody = `你的登录信息：
*用户名：${username}*
*密码：${password}*

或者用下划线：
_用户名：${username}_
_密码：${password}_

如果想要更醒目，直接大写：
用户名：${username.toUpperCase()}
密码：${password.toUpperCase()}`;

// 编码后拼接成mailto链接
const mailtoUrl = `mailto:recipient@example.com?subject=你的登录凭证&body=${encodeURIComponent(emailBody)}`;
window.location.href = mailtoUrl;

这个方法的好处是100%兼容所有邮件客户端，不管用户用什么邮箱都能看到你想要的突出效果。

方案2：生成HTML邮件内容（需用户手动粘贴/后端支持） #

如果你一定要用真正的加粗样式，那mailto这条路走不通，得换个思路：

• 前端生成HTML格式的邮件内容，让用户复制后粘贴到邮件客户端发送；
• 或者通过后端接口直接发送HTML格式的邮件（需要后端配合）。

前端复制HTML的代码示例：

// 生成带加粗样式的HTML内容
function getEmailHtml() {
  const username = "user1";
  const password = "pass1";
  return `
    <p>您好，这是您的登录信息：</p>
    <p><strong>用户名：${username}</strong></p>
    <p><strong>密码：${password}</strong></p>
  `;
}

// 给按钮绑定复制事件
document.getElementById("copyEmailBtn").addEventListener("click", async () => {
  const htmlContent = getEmailHtml();
  try {
    await navigator.clipboard.writeText(htmlContent);
    alert("邮件内容已复制，打开邮箱粘贴即可发送！");
  } catch (err) {
    console.error("复制失败：", err);
  }
});

这种方式能确保用户看到真正的加粗效果，唯一的小缺点是需要用户多一步复制粘贴的操作。

补充说明 #

为什么你之前的方法无效？因为mailto的body参数本质上是纯文本格式，哪怕你把HTML标签URL编码后传进去，90%以上的邮件客户端都会直接把标签当成普通字符串显示，不会解析成样式，所以<b>user1</b>只会原样输出，不会变成加粗的文字。

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