jquery 保存 本页

介绍： jQuery 是一个功能强大且易于使用的 JavaScript 库，它可以帮助我们简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互等常用操作。在我们的日常开发工作中，有时会需要保存当前页面中的文章或其他内容，本文将介绍使用 jQuery 实现保存本页的功能，让网页浏览更加便捷。 步骤： 首先，在 HTML 中添加一个保存按钮，如下所示：

<button id="save-btn">保存本页</button>

接着，在 jQuery 中监听保存按钮的 click 事件：

$(document).ready(function() {
  $("#save-btn").click(function() {
    var content = $("html").html();
    localStorage.setItem("saved-content", content);
    alert("保存成功!");
  });
});

在 click 事件中，我们首先使用 jQuery 选择器获取整个 HTML 内容并保存到 content 变量中，然后使用 localStorage.setItem() 方法保存该变量，该方法的第一个参数是保存的键值，第二个参数是保存的内容。 最后，我们添加一个提示框，提示用户保存成功。现在，当用户点击保存按钮时，页面的 HTML 内容就会保存到本地存储中。 在其他页面中，我们可以读取该内容并显示在网页上：

$(document).ready(function() {
  var savedContent = localStorage.getItem("saved-content");
  if (savedContent != null) {
    $("body").append("<div class='saved-content'>" + savedContent + "</div>");
  }
});

在以上代码中，我们使用 localStorage.getItem() 方法获取保存的内容，并将其显示在网页的 body 元素中，以便用户查看。 总结： 本文介绍了如何使用 jQuery 实现保存本页的功能，我们首先将页面的 HTML 内容保存到本地存储中，然后在其他页面中读取并显示该内容。这是一个简单而实用的功能，可以帮助我们更好地管理和保存我们在网络上浏览的内容。