javascript在网页中的作用

// 示例代码：使用JavaScript动态修改网页内容

// 获取HTML中的一个元素
const heading = document.getElementById("myHeading");

// 修改该元素的文本内容
heading.textContent = "这是通过JavaScript修改后的内容";

// 添加一个点击事件监听器
heading.addEventListener("click", function() {
    alert("你点击了标题！");
});

/* 解释说明：
1. `document.getElementById` 方法用于获取HTML文档中具有指定ID的元素。
2. `textContent` 属性用于设置或返回指定节点的文本内容。
3. `addEventListener` 方法用于向指定元素添加事件监听器，这里添加了一个点击事件，当用户点击标题时会弹出一个警告框。
*/

// 示例代码：使用JavaScript控制页面样式

// 获取HTML中的一个元素
const button = document.getElementById("myButton");

// 给按钮添加一个点击事件监听器
button.addEventListener("click", function() {
    // 改变按钮的颜色
    button.style.backgroundColor = "blue";
    button.style.color = "white";
});

/* 解释说明：
1. 这段代码展示了如何使用JavaScript来动态改变页面上的样式。
2. 当用户点击按钮时，按钮的背景颜色变为蓝色，文字颜色变为白色。
*/