#前端小tips# 无需跳转新页面,动态生成a标签实现下载功能

更多请移步：https://juejin.im/post/6847902222072676360

• 我遇到的需求是下载页面上的table到本地,成Ecel格式.原本使用的控件有这个功能,但因为要在下载的同时修改Excel的sheet名和部分样式,所以就让后端做了.

• 后端把表格做好,提供一个url给我们前端,接下来我们只要做好触发下载就行了.其实只要几行代码就可以:

动态生成a标签-->赋值href和download(最重要的就是这个href,一定要赋后端给的url)-->点击触发-->return false(这一步一定要记得,要不然就跳到新页面了)

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

        a.href = downLoadUrl;

        a.download = downLoadUrl;

        a.click();

        return false;