JavaScript：如何在通过 JavaScript 处理后获取 HTML 中的字符串答案

【问题标题】：JavaScript: How to get a string in HTML after processing it through JavaScriptJavaScript：如何在通过 JavaScript 处理后获取 HTML 中的字符串
【发布时间】：2018-02-20 17:18:21
【问题描述】：

我要做的是，程序从用户那里获取输入，然后根据输入执行一些计算。这些计算后的最终结果将是一个包含必须下载的视频的 URL。

HTML 中的 'download' 属性非常适合这个并且有效，我已经通过硬编码一些链接来尝试它，但是，我真正的问题是如何在结果准备好后从 JavaScript 文件中获取 URL 并使用下载属性。我理想地寻找的是一种在 HTML 变量中获取 URL 然后使用下载属性的方法......

我尝试了很多东西，我尝试将 URL 发送到 HTML 文件，以便使用 <p id="id"> </p> 将其显示给用户，然后尝试附加一个 onClick 以便下载一旦用户点击链接等就会开始！都无济于事...有人可以帮帮我吗？！

附：今天是我学习 JavaScript 和整个 Web 开发的第一天，所以放轻松一点（我是一名 Android 开发人员，正在努力学习 Web 开发！）

【问题讨论】：

什么是“HTML 变量”？此外，您必须发布一些您尝试过的实际代码，否则将无法知道您想要什么。
在您不显示代码时无法帮助您。显示你所做的不起作用。
为了清楚起见，我建议您编辑此问题并提供一些代码示例。在我看来，您想要做的是在 javaScript 中构造一个 url，然后制作一个带有 href 设置为该 url 的“a”标签，并设置下载属性以便在用户单击链接时下载？很简单，但我想确保我理解正确。

标签： javascript html download

【解决方案1】：

假设你从用户那里获取一个变量

var a = 1;

你的基本网址是http://youtube.com，所以这样做

var baseurl = http://youtube.com;

计算后你的参数变成1abc，我在这里硬编码

这样做变量参数 = '1abc';

所以基本上是为了得到最终的 url，这样做 var finalurl = baseurl+'/'+参数；或者 var finalurl = baseurl+'/'+param.toString();

注意这里的参数是你计算的值。

【讨论】：

【解决方案2】：

我想这些是基础：

// Grab user input with a prompt (or input box)
const input = prompt('Add something!');

// Do something with the input like create an href from the input
const href = `https://example.com/${input}`;

// Create an anchor, attach some text
const anchor = document.createElement('A');
anchor.textContent = 'Click me!';

// Set the download and href attributes
anchor.setAttribute('download', 'video.mkv');
anchor.setAttribute('href', href);

// Attach the anchor somewhere on the page
document.body.appendChild(anchor);

【讨论】：