javascript - 直接使用A标签 download 下载本地文件

最新推荐文章于 2025-09-30 08:37:48 发布

原创最新推荐文章于 2025-09-30 08:37:48 发布 · 2.7k 阅读

1 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一段使用JavaScript生成并下载XML文件的代码实现方法。通过创建一个带有特定属性的`a`标签来触发文件下载，该过程包括设置字符集、转码、添加下载属性等步骤。

//准备文件内容和文件名
text = root.html();
filename = 'gogogo.xml';

// 建立一个新的属性
var element = document.createElement('a');

// 属性一 设置字符集并且转码
// 属性二 添加download按钮
element.setAttribute('href', 'data:text/xml;charset=utf-8,' + encodeURIComponent(text));
element.setAttribute('download', filename);

//元素隐藏 并追加到document中
element.style.display = 'none';
document.body.appendChild(element);

//点击事件
element.click();

//移除元素
document.body.removeChild(element);