他应该放在网页的什么地方
时间: 2024-03-02 13:53:22 浏览: 24
这段代码可以放在网页的 `head` 标签中的 `script` 标签内或者放在 `body` 标签中的 `script` 标签内,一般放在 `body` 标签内的底部更好,因为这可以避免阻塞页面的加载。例如:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="floating-menu">
<div class="menu-toggle">
<i class="fas fa-bars"></i>
</div>
<ul class="menu-items">
<li><a href="#">快递寄送</a></li>
<li><a href="#">快递查询</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
<script>
const toggleBtn = document.querySelector('.menu-toggle');
const menuItems = document.querySelector('.menu-items');
toggleBtn.addEventListener('click', function () {
menuItems.classList.toggle('is-open');
});
</script>
</body>
</html>
```
当然,如果你的网页使用了模块化的开发方式,也可以将这段代码放在单独的 JavaScript 模块文件中,然后在网页中通过 `import` 或者 `script` 标签引入。