在JavaScript函数中添加require关键字_Javascript_Html_Visual Studio Code

在JavaScript函数中添加require关键字

javascript html visual-studio-code

在JavaScript函数中添加require关键字,javascript,html,visual-studio-code,Javascript,Html,Visual Studio Code,我有一个HTML文件，如下所示： <body onload="myFunction('test');" <div id="test"></div> <script src="script.js"></script> </body> function myFunction(id) { const div = document.getElementById(id); var html = "<

我有一个HTML文件，如下所示：

<body onload="myFunction('test');"
    <div id="test"></div>

    <script src="script.js"></script>
</body>

function myFunction(id) {
    const div = document.getElementById(id);
    var html = "<p>test</p>";

    div.innerHTML = html;
}

为什么在浏览器中加载HTML文件时，添加带有

require

的行会阻止执行JS脚本

屏幕截图包括以下内容：

添加前需要

添加后需要

您不能在浏览器的上下文中使用require，只能使用node.js在服务器端访问文件系统。使用express为您的页面提供服务可能是一种选择。

require

是一个节点关键字，在浏览器中不起作用。VSCode现在可能对这个JS将在哪里运行感到困惑？require（'fs'）不适用于HTML。它是节点

fs

模块导入。你想在这里干什么？

const fs = require('fs');