在Web开发中，实现多个页面使用同一个头部和底部

在Web开发中，实现多个页面使用同一个头部和底部有多种方法，以下是常见的几种：

使用JavaScript动态加载

通过JavaScript的load()函数或fetch API动态加载头部和底部文件。这种方法适用于静态页面，无需服务器端支持。

示例代码：

<!-- 在每个页面中 -->
<div id="header"></div>
<div id="content">页面内容</div>
<div id="footer"></div>

<script>
document.addEventListener('DOMContentLoaded', function() {
  document.getElementById('header').innerHTML = fetch('header.html').then(response => response.text());
  document.getElementById('footer').innerHTML = fetch('footer.html').then(response => response.text());
});
</script>

在Web开发中，实现多个页面使用同一个头部和底部

评论