本地重新加载转到顶部 - Javascript

在网页中经常需要重新加载页面并返回到页面顶部，这个过程可以通过Javascript实现。本篇文章将介绍如何使用Javascript实现本地重新加载并返回页面顶部的功能。

实现步骤

1. 在html页面中添加一个按钮，用于触发重新加载页面并返回到页面顶部的事件。

<button id="reload-btn">重新加载并返回页面顶部</button>

2. 使用Javascript为按钮添加点击事件，在点击时执行重新加载并返回页面顶部的功能。

document.getElementById('reload-btn').onclick = function() {
  // 重新加载页面
  location.reload();

  // 返回页面顶部
  window.scrollTo(0, 0);
}

解释说明

以上代码实现的功能比较简单，首先是当按钮被点击时会执行这个代码块。代码块中首先执行location.reload();方法，这个方法会重新加载当前页面。接着执行window.scrollTo(0, 0);方法，这个方法将当前页面滚动到顶部。

总结

本篇文章介绍了如何使用Javascript实现本地重新加载并返回页面顶部的功能。通过添加一个按钮并为其添加点击事件，在点击时执行重新加载页面和返回页面顶部的操作，即可实现这个功能。