前端笔记

包括模块、常见问题、css效果、js效果等。仅用于方便查找,提高工作效率。

JavaScript返回到上一页的代码&返回顶部代码

  1. window.history.go(-1); //返回上一页
  2. window.history.back(); //返回上一页
  3. window.location.go(-1); //刷新上一页
  4. window.history.back();location.reload();//强行刷新(返回上一页刷新页面)

//如果要强行刷新的话就是:window.history.back();//刷新当前页 window.location.reload();

Javascript 返回上一页:

1. history.go(-1), 返回两个页面: history.go(-2);

2. history.back().

3. window.history.forward()返回下一页

4. window.history.go(返回第几页,也可以使用访问过的URL)

例:

<a href=”javascript:history.go(-1);”>向上一页</a>

 


返回顶部代码

backTop=function (btnId){

        var btn=document.getElementById(btnId);

        var d=document.documentElement;

        var b=document.body;

        window.onscroll=set;

        btn.onclick=function (){

            btn.style.display="none";

            window.onscroll=null;

            this.timer=setInterval(function(){

                d.scrollTop-=Math.ceil((d.scrollTop+b.scrollTop)*0.1);

                b.scrollTop-=Math.ceil((d.scrollTop+b.scrollTop)*0.1);

                if((d.scrollTop+b.scrollTop)==0) clearInterval(btn.timer,window.onscroll=set);

            },10);

        };

        function set(){btn.style.display=(d.scrollTop+b.scrollTop>100)?'block':"none"}

    };

    backTop('gotop');

 



打赏作者: 一分也是爱


您的支持就是我最大的动力
点赞

发表评论

邮箱地址不会被公开。 必填项已用*标注