js html

作者：你没有爱过我发布日期:2026-06-07 浏览:75

<!DOCTYPE html>
<html>
<head>
    <title>JS和HTML示例</title>
    <script>
        // 这是一个简单的JavaScript函数，它会在页面加载时改变段落的文本内容
        function changeText() {
            document.getElementById("demo").innerHTML = "Hello JavaScript!";
        }
    </script>
</head>
<body onload="changeText()">
    <p id="demo">这是一个段落。</p>
</body>
</html>

解释说明：

HTML部分：定义了一个网页的基本结构，包含一个段落元素 <p>，其 id 为 "demo"。
JavaScript部分：定义了一个名为 changeText 的函数，该函数会将 id 为 "demo" 的元素的文本内容更改为 "Hello JavaScript!"。
onload 事件：当页面加载完成后，自动调用 changeText 函数，从而修改段落内容。

上一篇：html,css,js之间的关系

下一篇：html引入js文件