下面是一个简单的示例，展示如何使用 HTML 和 JavaScript 实现浏览历史记录功能。HTML 代码：```html浏览历史记录示例

点击下面的链接来添加浏览记录：

浏览历史记录：

```JavaScript 代码：```javascript// 定义一个数组，用于存储浏览历史记录var historyList = [];// 定义一个函数，用于添加浏览历史记录function addHistory(url, title) { // 将新的浏览历史记录添加到数组中 historyList.push({url: url, title: title}); // 刷新浏览历史记录列表 refreshHistory();}// 定义一个函数，用于刷新浏览历史记录列表function refreshHistory() { // 获取用于显示浏览历史记录的列表元素 var backList = document.getElementById("back-list"); // 清空列表元素 backList.innerHTML = ""; // 遍历浏览历史记录数组，将每个历史记录添加到列表中 for (var i = 0; i < historyList.length; i++) {var history = historyList[i];var li = document.createElement("li");var a = document.createElement("a");a.href = history.url;a.textContent = history.title;li.appendChild(a);backList.appendChild(li); }}```在这个示例中，我们定义了一个用于存储浏览历史记录的数组 `historyList`，并且定义了两个函数：`addHistory` 和 `refreshHistory`。

`addHistory` 函数用于添加新的浏览历史记录，并将其添加到数组中；`refreshHistory` 函数用于刷新浏览历史记录列表，遍历数组中的所有历史记录，并将它们添加到 HTML 页面中。在 HTML 页面中，我们定义了一个用于显示浏览历史记录的列表元素 `back-list`，并在页面加载时调用 `refreshHistory` 函数，以便初始化浏览历史记录列表。注意：这个示例只是一个简单的演示，实际的浏览历史记录功能可能需要更复杂的实现，比如记录用户的浏览时间，实现前进和后退功能等等。