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

标签 javascript html electron

我正在尝试使用 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,如果这意味着什么的话......

最佳答案

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

这是一个有关 package.js 文件的 Electron.js 教程。

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

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

关于javascript - 通过 JavaScript Electron 将脚本添加到 HTML 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39177116/

相关文章:

javascript - 如何从 iframe 刷新父窗口?

javascript - jquery 如何制作 5 秒动画然后 fadeOut()

javascript - d3.js 气泡图 : Make div scrollable

javascript - 更改 Electron 窗口背景颜色而不需要重新创建窗口?

javascript - 将自定义类型列表传递给 GraphQL 突变

javascript - React HTMLtoJSX 不转换大括号

javascript - 理解错误 "SyntaxError: expected expression, got ' <'"

javascript - 保持隐藏元素之间的间隙以避免跳跃位置

javascript - if 语句中的 Eval()

node.js - Electron 错误AVDCreateGPUAccelerator : Error loading GPU renderer