什么是HTML DOM事件？
HTML DOM（Document Object Model）是HTML文档的编程接口，通过HTML DOM可以对HTML文档的内容进行访问和操作。
HTML DOM事件是指用户或浏览器所执行的某个动作，如点击鼠标、按下键盘等，这些动作可以被触发为事件。
在HTML DOM中，每个事件都是一个对象，它包含着有关事件的信息，如发生的元素、事件的类型、事件的坐标等。通过事件对象，可以获取事件的信息并对事件进行响应。
实现回到顶部功能的思路
实现回到顶部功能需要通过以下几个步骤来完成：
1. 创建“回到顶部”的按钮
在HTML文档中添加一个按钮，该按钮用于回到页面顶部。我们可以给按钮设置一个id属性值为“back-to-top”，以便在JavaScript代码中使用该id来获取按钮元素。
代码：
<button id="back-to-top">回到顶部</button>
2. 监听“回到顶部”的按钮点击事件
在JavaScript代码中为按钮添加点击事件监听器，当按钮被点击时触发回到顶部的操作。
代码：
// 获取“回到顶部”的按钮元素
var backToTopBtn = document.getElementById('back-to-top');
// 监听按钮的点击事件
backToTopBtn.addEventListener('click', function(event) {
// 点击事件的响应函数
});
3. 实现回到顶部的操作
当“回到顶部”按钮被点击时，需要实现回到页面顶部的操作。这可以通过scrollTop属性来实现，该属性表示页面滚动条的位置，将它设置为0即可回到页面顶部。
代码：
backToTopBtn.addEventListener('click', function(event) {
// 将页面滚动条设置为0，即回到页面顶部
document.documentElement.scrollTop = 0; // 适用于Chrome、Firefox、IE和Opera
document.body.scrollTop = 0; // 适用于Safari
});
完整的HTML和JavaScript代码
将以上三个步骤整合起来，得到的完整代码如下：
HTML代码：
<button id="back-to-top">回到顶部</button>
JavaScript代码：
// 获取“回到顶部”的按钮元素
var backToTopBtn = document.getElementById('back-to-top');
// 监听按钮的点击事件
backToTopBtn.addEventListener('click', function(event) {
// 将页面滚动条设置为0，即回到页面顶部
document.documentElement.scrollTop = 0; // 适用于Chrome、Firefox、IE和Opera
document.body.scrollTop = 0; // 适用于Safari
});
使用以上代码，即可实现回到顶部的功能。