📅  最后修改于: 2023-12-03 14:50:28.576000             🧑  作者: Mango
HTML中,可以通过添加download
属性来实现单击链接时进行自动下载。
<a href="your-file-path" download>Download File</a>
在超链接标签<a>
中添加download
属性,浏览器会自动下载链接所指向的文件。
download
属性有一些可选的属性值来指定下载时的文件名和下载方式。
<a href="your-file-path" download='file-name'>Download File</a>
可以在download
属性中添加一个字符串,用来指定将要下载文件的文件名。
<a href="your-file-path" download="file-name" rel="noreferrer noopener">Download File</a>
download
属性也可以结合rel
属性进行使用,以便使用noreferrer noopener
来阻止恶意链接的使用。noreferrer noopener
是一种"告诉浏览器打开新的窗口时,不要传递来自下一个窗口的数据"的技术。
download
属性在IE浏览器中不支持。以上介绍的相关代码片段如下(已按照markdown标记标明):
# 单击链接时如何进行自动下载 - Html
HTML中,可以通过添加`download`属性来实现单击链接时进行自动下载。
## 使用方式
在超链接标签`<a>`中添加`download`属性,浏览器会自动下载链接所指向的文件。
## 属性
`download`属性有一些可选的属性值来指定下载时的文件名和下载方式。
### 文件名
可以在`download`属性中添加一个字符串,用来指定将要下载文件的文件名。
### 下载方式
`download`属性也可以结合`rel`属性进行使用,以便使用`noreferrer noopener`来阻止恶意链接的使用。
## 注意事项
- `download`属性在IE浏览器中不支持。
- 在一些浏览器中,如果没有为要下载的文件指定文件名,则默认使用链接中的文件名。
- 由于浏览器的不同,下载时的文件名和文件类型可能会有所不同。