极客笔记如何在HTML中调用JavaScript函数
在HTML文档中调用JavaScript函数有许多方法，并且这也不是一个难任务。首先，我们使用了其中最简单的方法之一来调用JavaScript函数：JavaScript。
在这种方法中，我们将在HTML文档的head部分创建并定义一个函数。要在html文档中调用这个函数，我们需要创建一个简单的按钮，并使用 onclick 事件属性（它是一个事件处理程序）来调用该函数。
为了更清楚地理解，让我们来看一下给定的程序：
程序
<html>
<head>
<script type = "text/javascript">
functionmyfunction() {
alert("how are you");
}
</script>
</head>
<body>
<p>Click the following button to see the function in action</p>
<input type = "button" onclick = "myfunction()" value = "Display">
</body>
</html>
程序说明
在上述给定的程序中，我们创建了一个简单的HTML文档。在HTML文档的头部中，我们定义了一个函数（例如myfunction();），并放在script标签中（）。
<html>
<head>
<script type = "text/javascript">
function myfunction() {
alert("how are you");
}
</script>
与此同时，在部分内，我们展示了一些文本并创建了一个按钮。为了调用我们的函数，我们使用了 onclick 属性，当用户点击该按钮时，我们的函数会执行并显示一个警告消息，如您在输出中看到的。
<body>
<p>Click the following button to see the function in action</p>
<input type = "button" onclick = "myfunction()" value = "Display">
</body>
输出
使用外部JavaScript文件调用函数
我们还可以使用附加到HTML文档的外部JavaScript文件来调用JavaScript函数。要实现这个，首先我们需要创建一个JavaScript文件，并在其中定义我们的函数，并将其保存为(.Js)扩展名。
创建好JavaScript文件后，我们需要创建一个简单的HTML文档。在HTML文档中引用我们的JavaScript文件，需要使用<script type = "text/javascript" src = "function.js"> ，在”src”属性中提供我们JavaScript文件存储的路径。将外部JavaScript文件链接到HTML文档后，我们可以创建一个按钮，通过 “onclick” 属性调用函数。
通过一个程序来理解：
程序
<html>
<head>
<script type = "text/javascript" src="function.js"></script>
</head>
<body>
<p>Click the following button to see the function in action</p>
<input type = "button" onclick = "myfunction()" value = "Display">
</body>
</html>
程序说明
在上述程序中，我们首先创建了一个JavaScript文件，并在其中定义了我们的函数，并将其保存为 js 扩展名。
Function.js
functionmyfunction()
{
document.write("welcome to Javatpoint");
}
创建了JavaScript文件后，我们创建了一个HTML文档，并使用<script type = "text/javascript" src="function.js"></script>将我们的JavaScript文件链接起来。由于我们将HTML文档和JavaScript文件存储在同一个文件夹中，我们只需在”scr”属性中命名我们的JavaScript文件，而不是在head部分提供完整的路径。
<head>
<script type = "text/javascript" src="function.js"></script>
</head>
在 body 部分中，我们展示了一些文本并创建了一个按钮。为了调用我们的函数，我们使用了 onclick 属性以及按钮，当用户点击该按钮时，我们的函数将被执行，并显示一个警示消息，如您所见的输出。
<body>
<p>Click the following button to see the function in action</p>
<input type = "button" onclick = "myfunction()" value = "Display">
</body>
输出
