你有没有遇到过这样的情况：点击一个链接，页面跳转了，但参数却没传过去？或者明明在URL里加了参数，后台却收不到？别急，这可能不是你的代码问题，而是你还不懂——href如何带参数。
先来个真实案例：我前几天写一篇探店笔记，想让读者直接跳转到某餐厅的团购页面，于是写了：<a href="">点我下单</a>。结果朋友反馈：“点了没反应！” 我一查，原来他用的是手机浏览器，而这个链接没加协议头（），导致跳转失败。这才意识到：href带参数，不只是加个问号那么简单。
那到底怎么正确带参数呢？记住三点：
1. 用 ? 开始参数，& 分隔多个参数 比如你想传递用户ID和订单类型：<a href=";type=food">查看详情</a>。注意：这里要用 & 而不是 &，因为 & 在HTML中是特殊字符，会变成实体 &，导致参数乱码！
2. 参数值要编码！ 如果你的参数包含中文或空格，比如“北京烤鸭”，直接写成：?dish=北京烤鸭 是不行的！浏览器会报错或解析失败。正确做法是用 encodeURIComponent() 编码，变成：?dish=%E5%8C%97%E4%BA%AC%E7%83%A6%E9%B8%9F。实际开发中，可以用JavaScript自动处理，比如：const url = `${encodeURIComponent('北京烤鸭')}`;
3. 协议、域名、路径不能少 很多新手只写 href="?id=123"，这样跳转会相对路径，容易出错。一定要写完整地址，比如：。尤其在微信公众号、小红书等平台嵌入时，缺了协议头，链接根本打不开！
最后提醒一句：测试很重要！建议你在手机浏览器里打开这个链接，看看是否能正确跳转并接收参数。如果不确定，可以临时加个console.log打印参数值，验证是否成功传入。
总结一下：href带参数，不是随便拼接字符串，而是要懂协议、懂编码、懂结构。掌握这些技巧，你发的小红书链接就不会“跳转失败”啦～
下次分享干货前，记得先试试这个链接：点我测试 —— 看看它能不能带着参数稳稳落地！
