html实现网页阅读记录

要实现网页阅读记录，可以通过以下步骤：

1. 在网页中使用 JavaScript 创建一个 cookie，用于存储用户的阅读记录。可以使用 document.cookie 属性来创建和修改 cookie。

2. 在用户滚动网页时，使用 JavaScript 监听滚动事件，并记录当前的滚动位置。可以使用 window.pageYOffset 属性来获取当前的垂直滚动位置。

3. 当用户重新访问网页时，检查是否存在阅读记录的 cookie，并将网页滚动到记录的位置。可以使用 document.cookie 属性读取 cookie 中的值，并使用 window.scrollTo() 方法来滚动网页到特定位置。

以下是一个简单的示例代码：

// 创建或更新阅读记录的 cookie
function setReadingPosition() {
  var position = window.pageYOffset;
  document.cookie = "reading_position=" + position;
}

// 滚动时更新阅读记录的 cookie
window.addEventListener("scroll", setReadingPosition);

// 检查是否存在阅读记录的 cookie，如果存在则滚动到记录的位置
function restoreReadingPosition() {
  var position = getCookie("reading_position");
  if (position !== "") {
    window.scrollTo(0, position);
  }
}

// 从 cookie 中读取值
function getCookie(name) {
  var cookie = document.cookie;
  var prefix = name + "=";
  var start = cookie.indexOf(prefix);
  if (start === -1) {
    return "";
  }
  var end = cookie.indexOf(";", start + prefix.length);
  if (end === -1) {
    end = cookie.length;
  }
  return decodeURIComponent(cookie.substring(start + prefix.length, end));
}

// 页面加载时恢复阅读记录
window.addEventListener("load", restoreReadingPosition);

在页面中调用 `setReadingPosition()` 函数来创建或更新阅读记录的 cookie，调用 `restoreReadingPosition()` 函数来恢复阅读记录。注意，这里使用了 `getCookie()` 函数来从 cookie 中读取值。