javascript - 如何将一个 .js 文件中的变量访问到另一个 html 文件中？

Question

我一直在尝试访问后端.js文件中的变量，现在我想访问 HTML 文件中的相同变量。

我试过使用导出和导入方法，但没有运气，例如：

module.exports = {<variable-name};

然后在<script>我正在尝试的 HTML 标记中import。

import{<variable-name>}`

如果有人知道如何实现这一点，我不知道我们必须为此包含任何库吗？

这是示例： index.js 文件：-

const fs = require('fs');
const Version_2 = fs.readFileSync(
  `${__dirname}/starter/templates/Version_2.html`,
  'utf-8'
);
const table = fs.readFileSync(
  `${__dirname}/starter/templates/table.html`,
  'utf-8'
);
const data = fs.readFileSync(
  `${__dirname}/starter/dev-data/data.json`,
  'utf-8'
);
const dataObj = JSON.parse(data);
const server = http.createServer((req, res) => {
  const { query, pathname } = url.parse(req.url, true);
let stream = 0;
   for(var i=0;i<dataObj.length;i++)
   {
    stream++;
   }

版本2.html：-

 <div class="container">
        <div class="row">
          <div class="col-sm-4"
               style="margin-top : 65px;">
            {%TABLEEG%}
          </div>
          <div class="col-sm-4"
               style="margin-top : 65px;">
            {%TABLEEG1%}
          </div>
          <div class="col-sm-4"
               style="margin-top : 65px;">
            {%TABLEEG2%}
          </div>
        </div>
      </div>

所以我想从服务器端JavaScript（index.js）访问“流”变量到客户端HTML（Version2.html），以便可以根据后端数据将html页面动态划分为网格。

标签： javascripthtmljquery