var topBtn = document.getElementById('top');
// 获取视窗高度
var winHeight = document.documentElement.clientHeight;
window.onscroll = function () {
    // 获取页面向上滚动距离，chrome浏览器识别document.body.scrollTop，而火狐识别document.documentElement.scrollTop，这里做了兼容处理
    var toTop = document.documentElement.scrollTop || document.body.scrollTop;
    // 如果滚动超过一屏，返回顶部按钮出现，反之隐藏
    if(toTop>=winHeight){
        topBtn.style.display = 'block';
    }else {
        topBtn.style.display = 'none';
    }
}
topBtn.onclick=function () {
    var timer = setInterval(function () {
        var toTop = document.documentElement.scrollTop || document.body.scrollTop;
        // 判断是否到达顶部，到达顶部停止滚动，没到达顶部继续滚动
        if(toTop == 0){
            clearInterval(timer);
        }else {
            // 设置滚动速度
            var speed = Math.ceil(toTop/5);
            // 页面向上滚动
            document.documentElement.scrollTop=document.body.scrollTop=toTop-speed;
        }
    },50);
}

04页面是什么，有什么作用？

404页面的目的是：告诉浏览者其所请求的页面不存在或链接错误，同时引导用户使用网站其他页面而不是关闭窗口离开。

现在大部分开源系统都会为大家考虑到404页面的跳转引导，比如：z-blog/wordpress，都是很不错的开源系统（注意不要用最原始的开源系统，而是采用带有模板的系统）。菜鸟后院网站本身也是wordpress的开源程序，然后我们用robin模板。(花299元拥有和菜鸟后院一样的网站，包括域名和1G阿里巴巴云空间)

页面应该达到什么样的效果才能满足SEO的要求？

搜索引擎使用 http 状态码来识别网页的状态。当搜索引擎获得不正确的链接时，网站应该返回一个状态代码404，告诉搜索引擎放弃索引该链接。如果返回一个200或302状态代码，搜索引擎会对链接进行索引，导致许多不同的链接指向相同的页面内容。结果，搜索引擎对这个网站的信任度大大降低。很多网站存在这个问题，那就是404页面返回的是200或302状态码而不是404状态码。

正确建立404页面的方法是：（仅适合Apache服务器）

• 在.htaccess 文件中加入代码： ErrorDocument 404 /Error.html
• 建立一个简单的html404页面命名 Error.html
• 把 Error.html放置在网站根目录
• 如果碰到困难，参考本站：错误网页
• 注意：不要将404错误直接，跳转到网站首页，这将导致首页不被收录，正确的做法是在404页面加上一个返回首页的链接，让用户判断，并选择是否返回首页，或者返回其他页面，这也是用户体验的一种表现，搜索引擎对于这种做法比较友好。
• /Error.html 前面不要带主域名，否则返回的状态码是302或200状态码。

现在我们购买的虚拟主机一般提供有404页面的制作方法，流程：

1、做一个简单的404页面，命名如：404.html；

2、通过ftp把这个404页面上传到网站根目录；

3、进入虚拟主机管理后台，找到404页面提交的入口，添加以上404页面的地址，如：www.cnbackyard.com/404.html（一般空间服务商都有带着种功能，也可以直接找他们技术客服完成这步操作）

4、输入一个错误的链接进行访问测试，随便输入，比如：www.cnbackyard.com/123.html，如果正确返回到404.html页面，则算正确；

5、使用站长工具（http://tool.chinaz.com/pagestatus），输入任意一个错误网址，检查返回值是否为404。如果返回值是200，代表该主机商设置有误，可以与其技术反馈。

以上操作方法对于一个seo初学者来说，还是有点复杂，同学们可以关注燃灯教育直播课程，参加我们的培训，理解起来会更透彻一点。