1.<a href="xxx"></a>

经测试:

如果href指向一个页面的地址，如 ./test.html,则跳转到该链接页面。

如果href指向一个图片的地址，如./img/test.jpg,则跳转到该图片地址。

如果href指向一个pdf的地址，如./img/test.pdf,则跳转到该pdf地址。

如果href指向其他文件地址，如./file/test.xlsx,则下载该文件。

• 也就是说，浏览器能解析链接的文件类型，则跳转到对应文件的地址；不能解析，则直接下载文件。

  如，html文件、图片文件、pdf等类型文件，浏览器能直接解析，所以就直接打开文件。现在还不支持解析 xlsx文件，也许未来的浏览器版本会支持，到时候也会直接打开文件。

2.点击链接，不想直接打开文件，想要下载文件？

• 只需要给a标签添加download属性，就可以下载文件了。(注意：链接的地址，必须跟当前页面同域)

    <a href="./img/avatar2.jpg" download>
      下载图片，同域。能下载
    </a>
  

• 也可设置download属性的值，设置的值就是下载的文件名，未设置值，则默认用链接的文件名做下载的文件名。

    <a href="./img/avatar2.jpg" download="test.jpg">
      下载图片，同域。能下载
    </a>
  

• 兼容性：download属性，是 html5 才有的，所以在 ie8上等低版本浏览器不支持。