Question

我创建了一个新的电子申请。

它包含以下文件：

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

Answer 1

让myFunction驻留在一个单独的javascript文件中。让我们说它被命名为＆＃34; functions.js＆＃34;。要在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();
});