download属性只能修改浏览器保存时的默认文件名，不能改变服务器真实文件名或绕过跨域限制；仅对同源URL、blob:或data:协议链接生效，跨域时被静默忽略。
download 属性能改什么、不能改什么
它只能改浏览器保存时默认显示的文件名，不能改变服务器返回的真实文件名，也不能绕过跨域限制——如果 <a> 链接指向的是跨域资源（比如 CDN 上的图片或 PDF），download 属性会被浏览器直接忽略，点击后仍按原路径下载，且名称不可控。
只有同源 URL 或 blob: / data: 协议的链接才真正支持 download 属性生效。
怎么写才让 download 生效
关键不是加了属性就行，而是链接目标必须可“本地解析”。常见有效写法：
- 指向同域静态资源：
<a href="/files/report.pdf" download="2024年度总结.pdf">下载</a> - 用 JavaScript 生成 Blob URL：
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（适合小文本）：<a href="data:text/plain;charset=utf-8,Hello%20World" download="greeting.txt">下载</a>
注意：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> 必须是用户主动点击（即在用户手势事件中调用 .click()），不能在页面加载、定时器或异步回调里静默触发——否则 Chrome/Firefox 会拦截。
- 错误写法：
setTimeout(() => link.click(), 1000);→ 被阻止 - 正确写法：绑定在
button.onclick或form.onsubmit中，确保是用户操作链的一部分 - 动态创建的
<a>元素，必须已插入 DOM 才能触发（哪怕display:none也行，但不能是未挂载状态） - 某些 PDF 或图片资源响应头含
Content-Disposition: attachment; filename=xxx，此时浏览器优先按响应头命名，download属性可能被覆盖（尤其 Safari）
真要强控名称，最稳的路是服务端配合设置响应头，或者前端走 Blob + ObjectURL 流程——毕竟 download 属性只是个“提示”，不是强制指令。
