使用 History API 和锚点链接进行单页应用页面切换的 JavaScript 应用

单页应用（Single Page Application，SPA）是一种现代化的网络应用程序开发模式，它在加载初次访问时只加载一个 HTML 页面，并通过 JavaScript 动态地更新内容，实现页面的切换和交互。在单页应用中，我们常常需要实现页面之间的切换，而 History API 和锚点链接是两种常用的实现方式。本文将详细介绍如何使用 JavaScript 和这两种方式来实现单页应用页面切换，并提供相应的源代码。

一、使用 History API 实现页面切换
History API 是 HTML5 提供的一组用于操作浏览器历史记录的接口，通过它我们可以在不刷新页面的情况下实现页面的切换。下面是一个使用 History API 实现页面切换的示例代码：

// 获取页面切换的按钮元素
var button1 = document.getElementById('button1');