在HTML中调用JavaScript函数，可以通过以下几种方式实现：

创新互联建站主要从事成都做网站、成都网站建设、成都外贸网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务张家港,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

1、内联JavaScript

在HTML文件中，可以使用

在这个示例中，我们在元素的onclick属性中调用了名为myFunction的JavaScript函数，当用户点击按钮时，将弹出一个包含"Hello, World!"消息的警告框。

2、外部JavaScript文件

如果JavaScript代码较长或需要多次使用，可以将其存储在一个单独的外部文件中，然后在HTML文件中通过

点击我

现在，当用户点击按钮时，同样会弹出一个包含"Hello, World!"消息的警告框，注意，我们不再需要在 点击我

在这个示例中，我们首先创建了一个名为myFunction的JavaScript函数，在window.onload事件处理程序中，我们获取了ID为myButton的按钮元素，并为其添加了一个点击事件监听器，当用户点击按钮时，将调用myFunction函数并弹出警告框。

4、DOM操作和事件委托

如果您需要在页面加载后动态添加HTML元素并为其添加事件处理程序，可以使用DOM操作和事件委托，事件委托允许您将事件处理程序添加到父元素上，而不是每个子元素上，这样可以减少事件处理程序的数量，提高性能。

示例：

    
    


    
点击我或我的子元素
    点击我
    

在这个示例中，我们首先创建了一个名为myFunction的JavaScript函数，该函数将单击的元素的背景颜色更改为红色，我们将此函数作为事件处理程序添加到ID为myDiv的父元素上，这意味着，无论用户单击哪个子元素（包括按钮），都将调用myFunction函数并更改其背景颜色，这就是事件委托的工作原理。