下载文件时如何在我的 href 中使用变量？答案

【问题标题】：How do I use variables in my href when downloading a file?下载文件时如何在我的 href 中使用变量？
【发布时间】：2015-06-15 19:24:02
【问题描述】：

JavaScript

我想使用三个变量来定义下载文件的 href：

var fSelect;
var uSelect;
var bSelect;

所以我的 href 将由这样的变量定义：

var saveFile = '../files/' + fSelect + uSelect + bSelect + '.x3g';

HTML

那么我该如何在我的 HTML 文档中使用它呢？

<a><img src="../save-button.png" alt="Save" width="120" height="40" /></a>

【问题讨论】：

你的意思是改变img标签的src？
我认为这个解决方案可以帮助你：stackoverflow.com/questions/767143/variable-for-img-src
我理解为“如何使用预定义变量生成我的锚标记的href 属性？”，对吗？

标签： javascript html href

【解决方案1】：

给 img 标签一个 ID 属性（在本例中，我使用的是 img）
然后使用 DOM 修改标签

document.getElementById("img").src = saveFile;

【讨论】：

【解决方案2】：

据我了解，问题是“当我有一个safeFile 变量时如何开始下载文件”？

<a id="saveFileHref" href="#">
   <img src="../save-button.png" alt="Save" width="120" height="40" />
</a>

在 JavaScript 中：

document.getElementById('saveFileHref').onclick = function() {    
    var saveFile = '../files/' + fSelect + uSelect + bSelect + '.x3g';
    window.location.href = saveFile;
};

JavaScript onclick 事件让您定义点击元素的行为。 window.location.href 可让您更改当前 URL。

如果您在页面上选择了fSelect、uSelect 和bSelect，并且应该动态生成url，这是一个很好的方法。如果在加载开始时有计算出的safeFile值，可以在开头设置：

document.getElementById('saveFileHref').src = '../files/' + fSelect + uSelect + bSelect + '.x3g';

【讨论】：