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

Question

我正在尝试使用 JavaScript 将脚本动态添加到 HTML 文件(为了节省空间 - 我有很多 HTML 文件，每个文件都包含许多脚本，因此只需包含一个脚本文件即可添加它们)。

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

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

目录结构

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

universal-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 文件中添加对该文件的引用，因为这是引用所有其他项目源文件的地方。当您可以将它加载到核心中时，为什么要稍后加载它。

这是一个讨论 package.js 文件的 Electron.js 教程。

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

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