data-属性存链接参数可行但需手动处理：必须字符串化、JSON解析加try/catch，或用多字段；拼URL须encodeURIComponent；命名须小写连字符，读取用dataset.userIddata-api-key→dataset.apiKey；验证参数存在且非空；更新用setAttribute。
直接用 data- 属性存链接参数完全可行，但必须把参数当字符串处理，不能指望它自动拼 URL 或解析结构；真要跳转，得手动读、手动拼、手动 window.location.href。
data-* 属性只能存字符串，别试图塞对象或数组
哪怕你写 data-url-params='{"id":123,"type":"edit"}'，浏览器也只认它是字符串。JS 里读出来就是一串字符，不是对象。
- 错误写法：
el.dataset.urlParams.id→ 报错，因为dataset.urlParams是字符串，没有.id属性 - 正确做法：先
JSON.parse(el.dataset.urlParams)，且必须加try/catch，否则 JSON 格式错就崩 - 更轻量的替代：直接用多个
data-字段，比如data-id="123" data-type="edit"，避免序列化开销
拼接 URL 时注意编码，别漏掉 encodeURIComponent()
用户输入或动态值（如中文、空格、& 符号）不编码会破坏 URL 结构，导致跳转失败或参数截断。
-
data-name="张三&李四"→ 拼成?name=张三&李四后，&李四会被当成另一个参数名 - 必须对每个值单独编码：
encodeURIComponent(el.dataset.name) - 推荐封装小函数：
function buildUrl(base, params) { return base + '?' + new URLSearchParams(params).toString(); }，比手拼安全
dataset 读不到值？先检查命名是否全小写+连字符
这是最常卡住人的点：HTML 里写 data-userId 或 data_user_id，JS 中 dataset.userId 或 dataset.user_id 全是 undefined。
立即学习“前端免费学习笔记（深入）”；
- 合法写法只有：
data-user-id→ JS 读作dataset.userId -
data-api-key→dataset.apiKey，不是dataset.api-key（语法错误）或dataset["api-key"]（返回undefined） - 含数字开头？比如
data-2024-id→ 只能用dataset["2024Id"]，点号语法无效 - 不确定命名是否合规？改用
el.getAttribute("data-user-id")，它不转换、不过滤、最稳
跳转前记得验证必要参数是否存在
用户可能没选完下拉框、或 DOM 还没加载完就触发事件，直接拼 URL 容易跳到缺参页面。
- 别只判
if (el.dataset.id)→"0"、"false"、""都是真值，但业务上可能非法 - 建议显式检查：
if (el.dataset.id !== undefined && el.dataset.id.trim() !== "") - 多个参数联动时（如 category + id），用
Object.keys(params).length === 2确保齐备 - 跳转前可先
console.log(url)，避免白屏后摸不着头脑
真正容易被忽略的是：data-* 值不会自动更新 DOM 属性节点。你改了 dataset.id = "new"，getAttribute("data-id") 还是旧值——要跳转新参数，必须用 setAttribute("data-id", "new") 才行。
