正文

html如何设置js函数

优站号
优站号 V管理员 /0 评论 /20 阅读
0315
欧意国内注册

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

<!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的函数，该函数将在页面加载时执行。

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

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

window.onload = myFunction;

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

<!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>

现在，当你打开这个HTML页面时，你将看到一个弹出窗口，显示“Hello, World!”，这就是如何在HTML中设置JavaScript函数的方法。