在HTML中，我们不能直接使用函数，我们可以使用JavaScript来实现函数的功能，下面是一个简单的示例：
（图片来源网络，侵删）
1、我们需要在HTML文件中引入JavaScript代码，为此，我们在<head>标签内添加一个<script>标签，并将JavaScript代码放在其中：
<!DOCTYPE html>
<html>
<head>
<script>
// 在这里编写JavaScript代码
</script>
</head>
<body>
<!页面内容 >
</body>
</html>
2、接下来，我们编写一个简单的JavaScript函数，在这个例子中，我们将创建一个名为greeting的函数，它接受一个参数name，并在控制台中显示一条问候消息：
function greeting(name) {
console.log("你好，" + name + "！");
}
3、现在，我们可以在HTML文件中调用这个函数，为此，我们将在<script>标签内添加一些HTML元素和事件监听器，我们可以创建一个按钮，当用户点击该按钮时，将调用greeting函数并显示一条问候消息：
<!DOCTYPE html>
<html>
<head>
<script>
function greeting(name) {
console.log("你好，" + name + "！");
}
window.onload = function() {
var button = document.createElement("button");
button.innerHTML = "点击我";
button.onclick = function() {
greeting("张三"); // 当用户点击按钮时，调用greeting函数并传递参数"张三"
};
document.body.appendChild(button); // 将按钮添加到页面上
};
</script>
</head>
<body>
<button>点击我</button> <!用户点击的按钮 >
</body>
</html>
4、保存HTML文件并在浏览器中打开它，当你点击“点击我”按钮时，你应该会在浏览器的控制台中看到一条问候消息：“你好，张三！”
原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/452584.html
微信扫一扫