html javascript

作者：傲世，小狂徒发布日期:2025-05-07 浏览:58

<!DOCTYPE html>
<html>
<head>
    <title>HTML JavaScript Example</title>
    <script>
        // 这是一个简单的JavaScript函数，它会在页面加载时改变标题的颜色。
        function changeTitleColor() {
            document.getElementById("main-title").style.color = "blue";
        }
    </script>
</head>
<body onload="changeTitleColor()">
    <h1 id="main-title">欢迎来到我的网页</h1>
    <p>这是一个使用HTML和JavaScript的简单示例。</p>
</body>
</html>

解释说明：

HTML结构：这段代码定义了一个基本的HTML页面，包含一个标题（<h1>）和一段文字（<p>）。
JavaScript部分：在<script>标签中定义了一个名为changeTitleColor的函数。该函数通过document.getElementById获取ID为main-title的元素，并将其文本颜色更改为蓝色。
事件处理：<body>标签中的onload属性指定当页面加载完成时调用changeTitleColor函数，从而实现页面加载时自动改变标题颜色的效果。

希望这个示例能帮助你理解如何在HTML中嵌入和使用JavaScript。

上一篇：javascript错误怎么解决

下一篇：javascript for