javascript - 将 var 从 js 传递到 html

标签 javascript html href var

我已经搜索过,但没能找到我要找的东西。 我有一个 js 文件,其中包含多个 href 链接:

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

等等......将会有很多变量

在我的 html 文件中,我希望能够将其中一个或多个链接调用为 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>

最佳答案

您无法将变量形式的 JavaScript 传递到 HTML。在正常的工作流程中,HTML 将在不知道 JavaScript 的情况下之前呈现。但您可以修改 HTML(或 DOM 元素)。这就是我们使用 JavaScript 的原因。

var link1 = "http://stackoveflow.com/";
document.getElementById("link_1").href = link1;
document.getElementById("link_2").href = 'http://stackoverflow.com/questions';
<a id="link_1">my first link</a>
<a id="link_2">random link</a>

关于javascript - 将 var 从 js 传递到 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41806232/

相关文章:

javascript - 深度克隆 Backbone.js 模型

javascript - 为什么 Visual Studio 和 javascript 找不到 Html.EnumDropDownListFor 的 id?

javascript - 仅当用户未将鼠标悬停在另一个类上时才单击功能

html - Swift:在标签中显示 HTML 数据不显示正确的图像

reactjs - 如何使用react-testing-library测试 anchor 的href

javascript - Vaadin - 来自服务器的 POST 请求过多

javascript - Powershell 向下滚动网页/Powershell 截图

javascript - jquery - Fancybox 两次显示第一张图片

html - html src 和 href 属性的相对路径或 url

javascript - 将外部 css/js 文件包含到 html 页面中