javascript - 将 js 变量打印到另一个 js 文件中的 innerHTML 调用中

Question

基本上我有两个分开但链接到单个 html 文件的 javascript 文件。在此 html 文件中，在 js 部分(即脚本部分)中，我声明了一个变量，我想在我当前正在制作表格的其他 js 文件的 innerHTML 部分中打印该变量。

这里我在html文件的脚本部分声明了变量:

 var varIwanttoprint = 'data/rnase.mtz'

这是表格的代码

var tab1 = document.getElementById("tab1");
tab1.innerHTML ='<p><hr></p><h3>General data</h3>' +
'<table class="table-blue">'+
'<tr><td>Path</td><td>**The variable i want to print here**</td></tr>'

但是，我似乎无法找到一种方法来打印 html 表中 js 变量的 js 值。有什么办法可以做到这一点？

谢谢

Answer 1

如果代码的 innerHTML 部分在函数中，那么您可以将该值作为参数传递。

如果 innerHTML 不在函数中，请确保包含 innerHTML 代码的 js 文件位于 varIwanttoprint 的脚本部分下方，然后您可以连接该值。

var tab1 = document.getElementById("tab1");
tab1.innerHTML ='<p><hr></p><h3>General data</h3>' +
'<table class="table-blue">'+
'<tr><td>Path</td><td>'+varIwanttoprint+'</td></tr>'