h5点击下载按钮，下载excel或者word

最新推荐文章于 2025-04-17 19:03:35 发布

冰晨之露

最新推荐文章于 2025-04-17 19:03:35 发布

阅读量1.8k

点赞数

文章标签： javascript 前端 java 开发语言 ecmascript

本文链接：https://blog.csdn.net/lll19960406/article/details/125771437

版权

这篇博客介绍了在网页中触发文件下载的五种不同技术：直接使用`window.open()`或`window.location.href`，创建并点击隐藏的`<a>`标签，利用`iframe`加载文件，以及通过生成`<form>`表单提交下载请求。这些方法覆盖了从简单到复杂的各种场景，适用于不同的应用需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

根据url下载文件的几种方法

1：直接跳转

window.open(img)

2：直接跳转

window.location.href=img

3：生成a链接跳转

       var link = document.createElement('a')
       link.style.display = 'none'
       link.href = img //文件路径
       link.download = name//文件名
       document.head.appendChild(link)
       link.click()
       document.head.removeChild(link)

4：生成iframe下载

　　　　　　var iframe = document.createElement('iframe');

iframe.style.display = 'none';

iframe.src = "javascript: '<script>location.href=\"" + img + "\"<\/script>'";

document.getElementsByTagName('body')[0].appendChild(iframe);

5：生成form表单下载

 　　　　　 var form = document.createElement('form');
          console.log(form);
          form.action = img;
          document.getElementsByTagName('body')[0].appendChild(form);
          form.submit();