将 var 从 js 传递到 html

Question

我进行了搜索，但未能找到我要查找的内容。我有一个 js 文件，里面有多个 href links:

var link1="http://somelink.com"
var link2="http://another.com"
var link3="http://morelinks.com"

etc....会有很多变数

在我的 html 文件中，我希望能够将其中一个或多个 link 调用到 href 中。

<a href="link1">my first link</a>
<a href="link3">random link</a>

我的问题是，如何将这些变量中的一个或多个传递到我的 html 文件？

更新：好的，这是我的代码和 Tugca 提供的片段...我知道我会遗漏一些愚蠢的东西。

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  <title>Local Hotels</title>
  <link rel="stylesheet" href="HotelStyleSheet.css" />
  <script>
    var link1 = "http://firstwebsite.com";
    var link2 = "http://anotherwebsite.com";
    document.getElementById("link_1").href = link1;
    document.getElementById("link_2").href = link2;
  </script>
</head>

<body onload=resizeTo(480,270)>

  <div class="list">
    <div class="hotel"> <a id="link_1">My first link</a>
    </div>

    <div class="list">
      <div class="hotel"><a id="link_2">The second link</a>
      </div>
    </div>

</body>

Answer 1

您不能将变量形式 JavaScript 传递给 HTML。在正常的 work-flow 中，HTML 将在之前被渲染，而 JavaScript 并不知道。但是您可以修改 HTML （或 DOM 元素）。这就是我们使用 JavaScript.

的原因

var link1 = "http://stackoveflow.com/";
document.getElementById("link_1").href = link1;
document.getElementById("link_2").href = 'http://whosebug.com/questions';

<a id="link_1">my first link</a>
<a id="link_2">random link</a>

Answer 2

你可以使用js动态创建锚标签

var mydiv = document.getElementById("myDiv");
var aTag = document.createElement('a');
aTag.setAttribute('href',"yourlink.htm");
aTag.innerHTML = "link text";
mydiv.appendChild(aTag);

参见this问题以供参考..

将 var 从 js 传递到 html

passing var from js to html

html

javascript

var

href