javascript如何实现下载

139 阅读 0 评论 92 点赞

我是靠谱客的博主发嗲羽毛，这篇文章主要介绍javascript如何实现下载，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑

使用`JS`实现下载文件功能？

常见是新建下载的方法为：

1、a标签

压缩包下载：

复制代码<a href="前端框架-Minton.rar">下载</a>1
<a href="前端框架-Minton.rar">下载</a>
登录后复制

其他文件下载

复制代码 function commDownload1(url, params) {
     url += "?";
    for(let key in params) {
         url += key + "=" + params[key] + "&";
     }
     url = url.substr(0, url.length - 1);
     $("<a href=" + url + " ></a>")[0].click();
 }1
2
3
4
5
6
7
8
function commDownload1(url, params) {
     url += "?";
    for(let key in params) {
         url += key + "=" + params[key] + "&";
     }
     url = url.substr(0, url.length - 1);
     $("<a href=" + url + " />")[0].click();
 }
登录后复制

2、url跳转

复制代码function commDownload2(url, params) {
     url += "?";
     for(let key in params) {
         url += key + "=" + params[key] + "&";
     }
    url = url.substr(0, url.length - 1);
    window.open(url);1
2
3
4
5
6
7
function commDownload2(url, params) {
     url += "?";
     for(let key in params) {
         url += key + "=" + params[key] + "&";
     }
    url = url.substr(0, url.length - 1);
    window.open(url);
登录后复制

其中a标签体验好些，其他两个会打开一个新标签再下载再关闭新标签，整个过程让人感觉眼花缭乱，因此推荐使用a标签实现下载功能。

推荐学习：JS视频教程

以上就是javascript如何实现下载的详细内容，更多请关注靠谱客其它相关文章！