时间戳

首页 > 解决方案 > 从 html 文件中的 js 文件更新变量

javascript - 从 html 文件中的 js 文件更新变量

问题描述

我有一些从另一个文件导入的 js 代码，其中有一个变量，我想在我的 HTML 文件中更新。如何在不将 js 代码粘贴到我的 HTML 文件中的情况下更新变量？

JS（脚本.js）：

var link = "https://example.com"
var codeBlock = `...some html code... ${link} ...some more html code`;

document.getElementById("div").innerHTML = codeBlock

HTML：

<div id="div"></div>
<script src= "script.js"></script>
<script>
    //I want to change this variable
    var link = "https://anotherexample.com"
</script>

标签： javascripthtml

解决方案

您正在获取该值，但没有将其设置为 HTML 显示的变量。您正在寻找的是：

var updatedLink = document.getElementById("anotherlink").innerHTML;
var codeBlock = `...some html code... ${updatedLink} ...some more html code`;

document.getElementById("div").innerHTML = codeBlock
<div id="div"></div>
<div id="anotherlink" style="display:none"></div>
<script src= "script.js"></script>
<script>
    var link = "https://anotherexample.com";
    document.getElementById("anotherlink").innerHTML = link
</script>

推荐阅读