如何在html中添加自定义下载按钮?

Question

Java script:

var x = 'demo'

我想要一个html按钮，我们可以从中下载x作为anyname.txt，其中值应为demo

Answer 1

为了在点击按钮时下载文件，该文件必须存在于我们的项目文件中(紧邻HTML文件…)。所以你需要:

1. 自己创建一个。txt文件，并在其中写入您需要的内容。之后，将该文件放到与HTML文件相同的文件夹中。
2. 使用<a>标签在HTML中创建一个按钮，因为为了下载它，我们必须使用href属性引用文件。为了下载文件，我们使用download属性。该属性将下载具有该名称的文件。如果你希望文件以anyname.txt的形式下载，你只需要在download属性中添加一个你想要的值->download="Anything you want"

最后的代码应该是这样的:

<a href="yourfile.txt" download="Anything you want">Download</a>

当然，用CSS样式化它，因为它看起来一点也不像一个按钮。

当在本地点击这个按钮时(在发布你的站点之前)，它不会下载文件，因为计算机已经知道你有它。这是正常的。一旦发布，当别人(甚至是你)点击按钮时，它会按预期下载文件。