在 href HTML 中使用 Javascript 变量答案

【问题标题】：Using a Javascript variable in href HTML在 href HTML 中使用 Javascript 变量
【发布时间】：2021-08-31 11:27:44
【问题描述】：

我已经阅读了很多关于在 html href 中添加 javascript 变量的帖子，包括 document.write 和 onclick，但似乎没有任何效果。我正在研究谷歌表格脚本编辑器。我在脚本中可用的 javascript url 变量包括 client.linkedin (/.......)、client.facebook (/.......)... 我需要在我的 html 中：<a href=client.linkedin > | LINKEDIN</a>

我尝试过： <a href="https://www.linkedin.com/" onclick="location.href=this.href+client.linkedin;return false;" > | LINKEDIN</a>

从 javascript 变量开始，我使用一个函数返回特定单元格中的谷歌表格所需的信息：

var client = {
        role: Getinfo("person1"),
        linkedin: Getinfo("person1"),
        number : Getinfo("person1"),
      };
var templ = HtmlService.createTemplateFromFile('HTMLFILE');
templ.client = client;

因此，每个人的linkedin URL 都会改变。去html文件，我通常做的是：

<p> <strong><?= client.linkedin ?> </strong></p>

它适用于除 href 标记之外的所有内容。我不介意转换方法，但这就是我现在发现的。

如果有人可以帮助或告诉我我做错了什么。谢谢

【问题讨论】：

以下是使用常规 JavaScript 正确执行此操作的方法（这与 Java btw 绝对不同。）：jsfiddle.net/9js3tp12 不确定类似的东西是否适用于 google-sheets 上下文
请显示完整的示例代码。现在我只看到你把你的 JS 代码变成了字符串，所以它永远不会工作
这能回答你的问题吗？ How can I do string interpolation in JavaScript?

标签： javascript google-sheets

【解决方案1】：

client = {}
client.linkedin = "path/to/your/file"
document.getElementById("linkedin").href=client.linkedin;

<html>
  <body>
    <a id="linkedin"> | LINKEDIN</a>
  </body>
</html>

【讨论】：

想详细说明为什么它非常糟糕？
client.linkedin 已经定义，当我使用 = client.linkedin ?> 时效果很好。只是在 href 中无法识别
@KB62 client.linkedin 长什么样子？
@KB62 为什么要用php短标签来包围一个js变量？
client.linkedin 是 linkedin.com/'THISPART 之后的内容。它实际上是一个谷歌表格单元格，我通过一个函数获得。在我的 html 代码中使用 = client.linkedin ?> 时，输出就是链接本身。