gpt4 book ai didi

javascript - Electron 存储 javascript 函数

转载 作者:行者123 更新时间:2023-11-30 14:41:36 27 4
gpt4 key购买 nike

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

它由以下文件组成:

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 函数?

最佳答案

让 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();
});

关于javascript - Electron 存储 javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49570974/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com