Question

在我的Node项目中，我试图将一些数据从JS文件中提取到HTML文件中。我遇到了几个例子：如何做到这一点。这是我的问题：以下方法是否可以工作？

在我的index.html文件中，我具有以下内容：

<!doctype html>
<html>
    <head>
        <script type="text/javascript" src="../../../lib/user-interface/jobs-list.js"></script>
             <script type="text/javascript" >
                function load() {
                     const jobsData = JSON.parse(data);
                     console.log(jobsData);
                     }
                 }
        </script>
    </head>
    <body onload="load()">
     // ... other code
    </body>
</html>

我要在此处插入的jobs-list.js文件看起来像这样：

const data = [
    "Job 1",
    "Job 2",
    "Job 3"
];

module.exports = data;

换句话说，这是否足以在运行HTML文件时将数组的内容记录到控制台？如果没有，我想念什么？我只是想基本了解当两个JS属于同一个项目时如何将数据从外部JS文件提取到HTML文件中。

按原样尝试时，我在浏览器的控制台中收到此错误：

(index):20 Uncaught ReferenceError: data is not defined

使用脚本标记将JS数据导入HTML文件

0 个答案: