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

标签 javascript html

我有一些从另一个文件导入的 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>

最佳答案

在代码的第一行,声明 link 并为其指定一个值。

在第二行,您使用该值。

您无法稍后更改link并影响过去读取和使用该值时发生的情况。

如果您想更改最终结果,那么您必须更改最终结果(即您需要为 document.getElementById("div").innerHTML 分配新值) .

关于javascript - 从 html 文件中的 js 文件更新变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55455665/

相关文章:

javascript - 未捕获的 TypeError EmberJS 初始值设定项

javascript - 覆盖 retry-axios 默认配置

javascript - 切换功能使所有其他 div 消失

jQuery:使用变量作为函数名

javascript - 图像动画功能在 fabric js 中不起作用?

javascript - Bootstrap 表 "item per page"下拉列表不工作

javascript - 如何将元素滑入和滑出 Div

html - 制作两列,每列有 2 张图片

javascript - 内联 SVG 无法在 Angular Material 对话框中正确缩放

javascript - typescript 返回类型为 'void' 的参数不能分配给类型为“TimerHandler?”的参数?