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

时间:2016-08-27 03:17:38

标签: javascript html electron

我正在尝试使用JavaScript动态地向HTML文件添加脚本(为了节省空间 - 我有很多HTML文件,每个文件都包含许多脚本,所以只需添加一个脚本文件就可以添加它们。)

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

但是,在将脚本和其他资源添加到相关HTML文件的脚本文件中,脚本执行添加外部文件,但脚本(动态插入的脚本)不会加载。< / p>

目录结构

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 ......

1 个答案:

答案 0 :(得分:2)

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

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

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

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