download属性只能修改浏览器保存时的默认文件名，不能改变服务器真实文件名或绕过跨域限制；仅对同源url、blob:或data:协议链接生效，跨域时被静默忽略。
download 属性能改什么、不能改什么
它只能改浏览器保存时默认显示的文件名，不能改变服务器返回的真实文件名，也不能绕过跨域限制——如果 @#@#@#@#@#@#@#@#@#@0
const blob = new Blob([content], {type: 'text/plain'}); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'note.txt'; a.click(); URL.revokeObjectURL(url);
data: URL（适合小文本）：@#@#@#@#@#@#@#@#@#@1
注意：Chrome 和 Edge 支持完整，Firefox 对 data: URL 的 download 支持有限（可能忽略），Safari 仅支持同源 URL 场景。
download 值里带路径或特殊字符会怎样
浏览器会自动过滤掉路径分隔符（如 /、\）和控制字符，只保留文件名主体。比如设成 download="../../config.json"，最终保存的仍是 config.json；设成 download="report#v1.pdf"，部分浏览器会截断为 report（# 被当 URL 锚点处理）。
安全起见，建议只用字母、数字、下划线、短横线和点号组合，避免空格和 Unicode 符号。如果内容来自用户输入，务必先做 encodeURIComponent 处理再拼进 data: URL，但 download 属性值本身不用编码。
为什么点了没反应？常见卡点
最常被忽略的是触发方式：<a></a> 必须是用户主动点击（即在用户手势事件中调用 .click()），不能在页面加载、定时器或异步回调里静默触发——否则 Chrome/Firefox 会拦截。
- 错误写法：
setTimeout(() => link.click(), 1000);→ 被阻止 - 正确写法：绑定在
button.onclick或form.onsubmit中，确保是用户操作链的一部分 - 动态创建的
<a></a>元素，必须已插入 DOM 才能触发（哪怕display:none也行，但不能是未挂载状态） - 某些 PDF 或图片资源响应头含
Content-Disposition: attachment; filename=xxx，此时浏览器优先按响应头命名，download属性可能被覆盖（尤其 Safari）
真要强控名称，最稳的路是服务端配合设置响应头，或者前端走 Blob + ObjectURL 流程——毕竟 download 属性只是个“提示”，不是强制指令。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
