Question

当我在电子应用中加载嵌套的HTML时，我的脚本代码没有被调用，而且我不知道为什么。

<div id="leftsidebar">

    </div>
    <div id="rightsidebar">

    </div>

    <div id="main" class="mainContent">
    </div>

    <script>

        const fs = require('fs');
        // Loads the html required for the side bar
        fs.readFile('leftSideBar.html', (err, data) => {
            document.getElementById('leftsidebar').innerHTML = data;
        });
        fs.readFile('rightSideBar.html', (err, data) => {
            document.getElementById('rightsidebar').innerHTML = data;
        });

        function loadMainWindowHTML(htmlString) {
            fs.readFile(htmlString, (err, data) => {
                document.getElementById('main').innerHTML = data;
            });
        }


    </script>

这是我主窗口中的主要HTML代码，当我单击左侧栏中的一个项目时，它应该使用要打开的HTML文件执行loadMainWindowHTML（）。


    <div id="myleftSidebar" class="leftSideBar">

        <a href="#" onclick="loadMainWindowHTML('searchUser.html')">Search User</a>

    </div>

这样调用HTML文件并将其正确地以main的ID加载到div中，但是searchUser.html中的脚本永远不会执行。

<head>

    <title>Document</title>
    <script>

        console.log("do we reach?");

    </script>
</head>

日志永远不会出现在任何地方。有任何解释或解决方法吗？

Answer 1

您可以在此处使用任何答案，不能使用innerHTML将脚本放入其中。我的解决方案是将html和脚本放入单独的文件中，并将脚本放入新的脚本元素中。 Can scripts be inserted with innerHTML?

如何在嵌套的html文件中执行脚本代码？

1 个答案: