javascript - 如何在 html 命令 中使用动态变量，该变量应根据变量进行更改？

Question

我有一个 .html 文件，其中包含一个全局变量(var cape_name;)，其中可能包含值:1.cape_name=TIDA-550;2.cape_name=TIDA-560;

现在，我有两个对应于这两个值的文件:(TIDA-550.js 和 TIDA-550.html)和(TIDA-560.js 和 TIDA-560.html)。两个 .js 文件都在后台运行并正在等待相应的 .html 文件加载。

我还有另一个 main.html 和 main.js 文件。在 main.html 中，我想放置一个链接来加载 TIDA-550.html 或 TIDA-560.html，具体取决于 cape_name 值。(cape_name.html)。

例如:在下面的行中，我想根据其值动态使用'cape_name'，然后加载相应的html文件。

<a href="http://137.167.189.23:8085/var/lib/cloud9/cape_name.html" target="blank">Load Cape on 0x54</a>  

有什么建议吗？谢谢

Answer 1

您可以将 id 添加到链接中，例如:

<a id="link" target="blank">Load Cape on 0x54</a>

并动态添加href:

$('#link').attr('href', 'http://137.167.189.23:8085/var/lib/cloud9/' + cape_name + '.html');

您可能需要将其包装在 $(function() { }); 中，以便在 DOM 准备就绪时执行。