html中调用javascript函数,如何在HTML中调用JavaScript函数

如何在HTML中调用JavaScript函数？

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

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

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

程序

程序说明

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

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

输出量

使用外部JavaScript文件调用函数

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

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

让我们借助程序来了解它：

程序

程序说明

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

Function.js

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

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

输出量

现在单击给定的按钮：

0

相关文章:Javascript Function.length JavaScript Function的length属性返回一个函数期望的参数数量。 访问length属性的语 […]...

JavaScript数学sinh() JavaScript Math.sinh() 函数返回数字的双曲正弦值。 在数学上等于(e x -e -x ) […]...

Javascript Object.values() JavaScript Object.values()方法以数组形式返回对象自身的可枚举属性值。 values( […]...

JavaScript符号 在本教程中，您将在示例的帮助下了解JavaScript Symbol。 JavaScript符号 JavaSc […]...

JavaScript Object defineProperty()方法 JavaScript Object.defineProperty()方法 Object.definePrope […]...

JavaScript Object preventExtensions()方法 JavaScript Reflect.preventExtensions()方法 使用静态Reflect.pr […]...

JavaScript Symbol match JavaScript Symbol.match属性 JavaScript Symbol.match用于标识正则 […]...

JavaScript WeakMap get()方法 JavaScript WeakMap get()方法 JavaScript WeakMap get()方法从W […]...