网页设计逐渐从静态向动态转变。HTML、CSS和JavaScript成为了网页开发的三大基石。在这三大技术中，JavaScript以其强大的动态交互功能，成为实现网页动态效果的核心。本文将深入探讨HTML中的JS代码，揭秘其背后的奥秘。
一、HTML与JavaScript的关系
HTML（HyperText Markup Language）是用于创建网页的标准标记语言，而JavaScript是一种轻量级的编程语言，它嵌入在HTML文档中，为网页添加交互功能。HTML负责网页的结构和内容，CSS负责网页的样式和布局，JavaScript则负责网页的动态效果和行为。
二、JavaScript的基本语法
1. 变量声明
JavaScript中的变量声明使用关键字var、let或const。var是最传统的声明方式，let和const是ES6（ECMAScript 2015）引入的新特性，它们提供了更严格的变量作用域和内存管理。
2. 数据类型
JavaScript中的数据类型包括数字、字符串、布尔值、对象、数组等。其中，对象和数组是JavaScript中最为常用的复杂数据类型。
3. 运算符
JavaScript中的运算符包括算术运算符、关系运算符、逻辑运算符等。算术运算符用于数学计算，关系运算符用于比较两个值的大小，逻辑运算符用于进行布尔运算。
4. 控制结构
JavaScript中的控制结构包括条件语句（if、switch）、循环语句（for、while、do-while）等。它们用于根据条件执行不同的代码块。
5. 函数
函数是JavaScript的核心概念，它允许我们将代码封装成可重用的模块。通过定义函数，我们可以将复杂的逻辑拆分成多个可管理的部分。
三、HTML中的JS代码实例
以下是一个简单的HTML页面，其中包含了一些JavaScript代码，用于实现动态交互效果。
```html