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

Posted 2023-05-07

【中文标题】使用 JavaScript/jQuery 将 URL 保存在锚标记中？

【英文标题】：Save URL in anchor tag with JavaScript/jQuery?

【发布时间】：2013-05-28 00:04:33

【问题描述】：

单击按钮时，我需要将 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”）？

【参考方案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 中通常会自动开始下载），假设浏览器无法查看该文件。不确定“另存为”部分。

【讨论】：

不完全正确，但请检查上面的编辑以进行澄清。

@Charles 已编辑答案，希望能满足您的需求。

基本上就是这样。有没有办法将下载文件的名称设置为标题的名称？

@Charles 除非你使用 Chrome 的 ，否则你只能使用 Chrome。

website.com/sample.zip" id="file" download="Sample File.zip">File ...在其上运行代码不会将其另存为“示例文件.zip”但“示例.zip”。有没有办法将其保存为“Sample File.zip”？