HTML（超文本标记语言）和JavaScript是Web开发中的基础技术，它们共同构建了现代网页的交互性和动态性。HTML用于创建网页的结构，而JavaScript则赋予网页动态功能，使用户能够与网页进行交互。
HTML是一种标记语言，它通过一系列预定义的标签来描述网页的内容和布局。例如，`<html>`标签定义整个HTML文档，`<head>`包含元数据，如标题，而`<body>`则包含可见的内容，如文本、图像和链接。段落由`<p>`标签定义，标题有六级，从`<h1>`到`<h6>`，依次减小。此外，还有`<a>`用于创建链接，`<img>`用于插入图片，以及`<div>`和`<span>`等容器元素，用于组织和控制页面布局。
JavaScript是一种脚本语言，它在浏览器中运行，可以改变HTML文档的内容、样式和行为。使用JavaScript，开发者可以响应用户的点击事件，动态加载数据，实现表单验证，甚至创建复杂的动画效果。JavaScript代码通常放在`<script>`标签内，或者作为外部文件引用。
JavaScript与HTML的交互主要通过DOM（文档对象模型）实现。DOM是HTML或XML文档的编程接口，它将网页视为树形结构，每个HTML元素都是树上的一个节点。通过JavaScript，我们可以访问和修改这些节点，比如改变某个元素的文本、样式或属性。
例如，以下是一个简单的JavaScript实例，它获取页面上的一个按钮元素，当用户点击按钮时，会弹出一个警告框显示消息：
```html
<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()">点击我</button>
<script>
function myFunction() {
alert("你好，世界！");
}
</script>
</body>
</html>
```
在这个例子中，`onclick`属性是一个事件监听器，当按钮被点击时，它会调用`myFunction`函数。这个函数使用`alert`方法显示一个对话框。
JavaScript还可以通过AJAX（异步JavaScript和XML）从服务器获取数据，更新页面的部分内容，而无需刷新整个页面。如今，随着库和框架如jQuery、React和Vue.js的普及，JavaScript的使用变得更为高效和便捷，使得开发者能够构建更复杂、性能更好的Web应用。
总结来说，HTML和JavaScript是Web开发的基石，它们共同决定了网页的外观和功能。HTML负责内容结构，JavaScript则负责动态交互，通过DOM接口实现两者之间的通信。理解和掌握这两者，是成为Web开发者的基本功。
html js例子.zip （2个子文件） 
html js例子 
jquery-1.10.2.min.js 91KB
index.html 12KB
