我如何使用HTML定义的函数并在我的.js文件中调用它？

Question

我需要在我的.js文件中调用一个我在HTML文件中定义的函数。这是我创建函数的地方：

    <script>
      function customAlert(msg,duration)
      {
        var styler = document.createElement("div");
        time=duration*1000
        styler.setAttribute("style","border: solid 3px Blue;width:auto;height:auto;top:50%;left:40%;background-color:#444;color:Silver");
        styler.innerHTML = "<h1>"+msg+"</h1>";
        setTimeout(function()
        {
          styler.parentNode.removeChild(styler);
        },time);
        document.body.appendChild(styler);
      }
    </script>

这就是我需要调用函数的地方：

io.on("disconnect", function() {
  customAlert(userLeftmessage, "2000")
});

有办法做到这一点吗？您可能很容易告诉我，我需要HTML和JavaScript。

Answer 1

您只需在HTML脚本之后添加脚本文件即可。

null

// Javascript
cl("This is a log from external script file.");

<!-- HTML -->
<script>
  function cl(input) {
    console.log(input);
  }
</script>
<script src="js/main.js"></script>

Answer 2

如果在这个脚本块之后加载.js文件，则该函数将可用。