通过 JavaScript Electron 添加脚本到 HTML 文件

Question

我正在尝试使用 JavaScript 将脚本动态添加到 HTML 文件（以保存 space - 我有很多 HTML 文件，每个文件都包含许多脚本，因此只需包含一个脚本文件即可添加它们。

问题Append javascript to HTML fields using through javascript并不是我真正想的...

但是，在将脚本和其他资源添加到相关 HTML 文件的脚本文件中，脚本 do 添加外部文件，但脚本 (动态插入的）未加载。

目录结构

root
 ├ index.html
 ├ universal-scripts.js (adds scripts to .html files dynamically)
 ├ styling.css (included into .html files)
 └ app-scripts
    └ others.js (problem file)

通用-scripts.js

...
var others = document.createElement("script");
others.setAttribute("src", "app-scripts/others.js");
...
document.getElementsByTagName("head")[0].innerHTML = document.getElementsByTagName("head")[0].innerHTML + others.outerHTML;

脚本正在插入元素，但 others.js 中的函数在 index.html 中不可用。

如有任何帮助，我们将不胜感激。谢谢！

如果这意味着什么，我正在使用 Electron...

Answer 1

可能最好的方法是在 package.js 文件中添加对该文件的引用，因为这是引用所有其他项目源文件的地方。当你可以在你的核心中加载它时，为什么要稍后加载它。

这是一个 Electron.js 教程，其中讨论了 package.js 文件。

使用 HTML、JS 和 Electron 创建您的第一个桌面应用程序]1

这里是 package.js 交互式指南。 package.js walk through

通过 JavaScript Electron 添加脚本到 HTML 文件

Adding Scripts to HTML files through JavaScript Electron

html

javascript

electron