使用 JavaScript/jQuery 将 URL 保存在锚标记中？

Question

单击按钮时，我需要将 URL 保存在页面上的锚标记中。如何使用 jQuery 或纯 JS 做到这一点？

如果可能，它是否可以“另存为”或以其他方式将 URL 中保存的文件命名为页面上的字符串（例如，来自 id 为“heading”的特定标题标签）？

编辑

澄清一下：

<button id="button">Button</button>

<h1 id="heading">Website Title</h1>

<a href="http://website.com/sample.zip" id="file">File</a>

...我如何做到这一点，以便在单击按钮时它会自动开始从锚标记中的 URL 下载 ZIP 文件？

此外，如果可能的话，如何使用H1 标签的名称保存文件（即“Website Title.zip”）？

Answer 1

如果它实际上是一个 .zip 或带有通常不会在浏览器中查看的扩展名的文件，您可以这样做：

HTML：

<button id="button">Button</button>

<h1 id="heading">Website Title</h1>

<a href="http://website.com/sample.zip" id="file">File</a>

jQuery:

$("#button").click(function(){
    window.location.assign($("#file").attr("href")); 
});

这将提示您下载文件（在 chrome 中通常会自动开始下载），假设浏览器无法查看该文件。不确定“另存为”部分。