ELECTRON - 加载包含脚本标签的本地 HTML 文件

Question

我对 Node 和 Electron 还比较陌生，所以我可能会在这方面做得很差。

基本上我要做的是创建一个具有主导航的 SPA，用户可以单击链接，这些链接将加载包含脚本标记的本地 HTML 文件。目前我有一个主页，它使用 fs 来抓取 html 文件并将其成功加载到 div 中，但该检索到的文件中的 JS 都不起作用。我这样做是因为我需要与 UI 交互并添加动态元素

这是我的代码：

mainWindow.html

<script>
    document.addEventListener('DOMContentLoaded', () => {
        fs.readFile(path.join(__dirname, 'fragments/main/welcome.html'), 'utf8', (err, data) => {
            document.getElementById('content').innerHTML = data;
        });
    });
</script>

welcome.html

<section class="main-content-wide">
<h1>Welcome to my app</h1>
<p id="datetimeGreeting"></p>
<p id="funFact"></p>
<script>
    console.log('Hello world');
</script>

提前致谢。

编辑：如果有人有更好的方法或“最佳实践”方法，我很想听听。

Answer 1

这可能行得通，试一试并告诉我。

<script>
    document.addEventListener('DOMContentLoaded', () => {
        fs.readFile(path.join(__dirname, 'fragments/main/welcome.html'), 'utf8', (err, data) => {
            document.getElementById('content').innerHTML = data;
            var scripts = document.getElementById('content').getElementsByTagName("script");
            for (var i = 0; i < scripts.length; i++) {
              eval(scripts[i].innerText);
            }
        });
    });
</script>