首页 >web前端 >js教程 > 正文

javascript如何实现下载

原创2021-09-08 10:22:470943

javascript实现下载的方法:1、利用a标签的href属性添加文件URL,语法“<a href="压缩文件URL"/>下载</a>”;2、使用url跳转下载,语法“window.open(文件url)”。

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

使用JS实现下载文件功能?

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

1、a标签

压缩包下载:

<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 + " />")[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);

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

推荐学习:JS视频教程

以上就是javascript如何实现下载的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:javascript 前端
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • JavaScript深入视频教程JavaScript深入视频教程
  • JavaScript OOP调试技巧视频教程JavaScript OOP调试技巧视频教程
  • JavaScript极速入门JavaScript极速入门
  • JavaScript对象与常用设计模式JavaScript对象与常用设计模式
  • JavaScript正则表达式基础与实战JavaScript正则表达式基础与实战
  • 视频教程分类