📌  相关文章
📜  如何在HTML中调用JavaScript函数

📅  最后修改于: 2020-10-27 01:30:01             🧑  作者: Mango

如何在HTML中调用JavaScript函数？

在HTML文档中有很多方法可以调用JavaScript函数，这也不是一件容易的事。首先，我们使用了最简单的方法之一来调用HTML文档中的JavaScript函数：

在这种方法中，我们将在HTML文档的头部创建并定义一个函数。要在html文档中调用此函数，我们必须创建一个简单的按钮，并使用onclick事件属性(它是事件处理程序)以及它，我们可以通过单击按钮来调用该函数。

为了更清楚地了解它，让我们看一下给定的程序：

程序







Click the following button to see the function in action

程序说明

在上述程序中，我们创建了一个简单的HTML文档。在HTML文档的开头部分，我们在脚本标签内定义了一个函数(例如myfunction();) 。

另一方面，在主体部分内，我们显示了一些文本并创建了一个按钮。为了调用我们的函数，我们使用了onclick属性和按钮，当用户单击该按钮时，我们的函数将执行并显示警告消息，如您在输出中看到的。



Click the following button to see the function in action

输出量

使用外部JavaScript文件调用函数

我们还可以使用附加到HTML文档的外部JavaScript文件来调用JavaScript函数。为此，首先我们必须创建一个JavaScript文件，并在其中定义函数并使用(.Js)扩展名保存。

创建JavaScript文件后，我们需要创建一个简单的HTML文档。要将我们的JavaScript文件包含在HTML文档中，我们必须使用script标签

Click the following button to see the function in action

程序说明

首先，在上述程序中，我们创建了一个JavaScript文件并定义了函数，并以.js扩展名保存了该文件。

Function.js

functionmyfunction() 
 { 
document.write("welcome to Javatpoint");
         }

创建JavaScript文件后，我们创建了一个HTML文档，并使用。因为我们已经将HTML文档和JavaScript文件存储在同一文件夹中，所以我们只是将JavaScript文件命名为“ scr”属性，而不是在标头部分中提供完整路径。

在主体部分内，我们显示了一些文本并创建了一个按钮。为了调用我们的函数，我们使用了onclick属性和按钮，当用户单击该按钮时，我们的函数将执行并显示警告消息，如您在输出中看到的。



Click the following button to see the function in action

输出量

现在单击给定的按钮：