本文详解如何在 whatsapp 链接生成器中，使用原生 javascript（无需 jquery）将用户输入消息中的空格自动替换为 `+` 符号，确保生成的 url 符合 whatsapp deep link 规范，避免因空格导致链接失效。
在构建 WhatsApp 消息链接（如 https://wa.me/1234567890?text=Hello+World）时，URL 中的查询参数 text 必须进行简易编码：空格需替换为 +（这是 WhatsApp 官方支持的格式，不同于标准 URL 编码中的 %20）。若直接拼接原始字符串（如 "Hello World"），生成的链接会因未转义空格而无法被正确解析，尤其在纯文本环境（如短信、邮件或部分聊天客户端）中极易中断。
解决方法非常简洁——在拼接 URL 前，对消息内容调用 .replaceAll(' ', '+') 方法即可批量替换所有空格。该方法兼容现代浏览器（Chrome 85+、Firefox 78+、Edge 85+、Safari 13.1+），无需引入 jQuery 或复杂编码逻辑。
以下是关键代码片段（已整合进完整流程）：
function giveLink(num, text) {
copylinkSection.style.display = "flex";
// ✅ 关键步骤：将所有空格替换为 '+' 符号
text = text.replaceAll(' ', '+');
// ✅ 同时确保手机号为有效数字（wa.me 要求无国家码前缀或带国际区号）
document.querySelector("#finalLink").value = `https://wa.me/${num}?text=${text}`;
}⚠️ 注意事项：
- replaceAll() 是安全选择（相比 replace() 仅替换首个空格），且语义清晰、性能良好；
- 若需兼容旧版浏览器（如 IE），可降级使用 text.split(' ').join('+')，效果完全一致；
- 不建议使用 encodeURIComponent()：它会将字母、数字及 -_.!~*'() 之外的所有字符编码（如中文变为 %E4%BD%A0%E5%A5%BD），而 WhatsApp 的 ?text= 参数明确接受 + 作为空格替代符，且对 UTF-8 中文等 Unicode 字符原生支持（即中文无需编码，直接拼入即可，如 ?text=你好+世界）；
- 实际部署时，建议对手机号做基础校验（如去除空格、+、- 等分隔符，并统一为纯数字格式），以提升健壮性。
最终，用户输入 This is a test → 自动转换为 This+is+a+test → 生成有效链接：
https://wa.me/972521234567?text=This+is+a+test
该方案轻量、可靠、符合 WhatsApp 最佳实践，可直接集成至现有表单逻辑中。
