html如何设置js函数

1、在HTML文档的<head>部分添加一个<script>标签，这个标签用于包含JavaScript代码。

Markup

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>示例页面</title>
</head>
<body>
    <!-- 在这里添加JavaScript代码 -->
</body>
</html>

2、接下来，在<script>标签内部编写JavaScript函数，我们可以创建一个名为myFunction的函数，该函数将在页面加载时执行。

JavaScript

function myFunction() {
    alert("Hello, World!");
}

3、为了在页面加载时执行这个函数，我们需要将这个函数绑定到window.onload事件，这样，当页面加载完成时，myFunction函数将被自动调用。

JavaScript

window.onload = myFunction;

4、将完整的JavaScript代码添加到<script>标签中，并将其放在<body>标签的底部，这样，当页面加载时，JavaScript代码将被执行。

Markup

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>示例页面</title>
</head>
<body>
    <!-- 在这里添加JavaScript代码 -->
    <script>
        function myFunction() {
            alert("Hello, World!");
        }
        window.onload = myFunction;
    </script>
</body>
</html>