电子存储javascript函数答案

【问题标题】：Electron storing javascript functions电子存储javascript函数
【发布时间】：2018-09-09 06:59:35
【问题描述】：

我创建了一个新的电子应用程序。

它由以下文件组成：

index.html
main.js
renderer.js

在 index.html 中，我添加了一个带有 onclick 事件的按钮：

<button onclick="myfunction()">Call Function</button>

该功能只是用于测试目的的警报：

myfunction() {
    alert('I am the js function');
}

我的问题是我已经将函数代码添加到了 renderer.js 和 main.js 的底部，当我单击按钮时，我没有看到任何警报。

如何从 index.html 中获取要调用的 js 函数？

【问题讨论】：

【解决方案1】：

让 myFunction 驻留在一个单独的 javascript 文件中。假设它被命名为“functions.js”。要在 HTML 文件 (index.html) 中使用此功能，只需按以下方式使用标签添加 Javascript 代码 -

<html>
  <body> 
  ...
  </body>
  <script type="text/javascript" src="./functions.js"></script>
</html>

现在，我们需要将 onclick 监听器附加到使用 HTML 代码呈现的按钮上。

为此，请在 functions.js 中添加以下内容

document.getElementById('btn').addEventListener("click", function(){
    myFunction();
});

【讨论】：