JavaScript交互
JavaScript 交互是指在网页中使用 JavaScript 编写代码，以实现用户与网页之间的动态交互效果。JavaScript 交互可以增强网页的趣味性、可用性和可访问性。以下是一些常见的 JavaScript 交互方式：
1. 弹出框（Modal）
弹出框是一种常见的 JavaScript 交互方式，用于在页面上显示一些额外的信息或提示。通过使用 `
` 标签和 CSS 样式，可以轻松地创建一个弹出框。JavaScript 可以用来控制弹出框的显示和隐藏。
```javascript
// 获取弹出框元素
var modal = document.getElementById('myModal');
// 一点击按钮事件，显示弹出框
document.getElementById('openModal').addEventListener('click', function() {
modal.style.display = 'block';
});
// 点击弹出框外部时，关闭弹出框
window.addEventListener('click', function(event) {
if (event.target == modal) {
modal.style.display = 'none';
}
});
```
2. 下拉菜单（Dropdown）
下拉菜单是一种方便用户在页面中进行选择操作的交互方式。通过使用