专业编程基础技术教程

网站首页 > 基础教程 正文

前端开发之小效果(返回顶部与返回上一页)

ccvgpt 2024-08-01 11:28:02 基础教程 10 ℃

返回顶部:

  1. <div id="top"></div><a herf="#top">top</a>

    前端开发之小效果(返回顶部与返回上一页)

  2. <button class="gotop">top</button>$(".gotop").click(function(){$(document).scrollTop(0);})

  3. <div id="top"></div><button class="gotop">top</button>

    var top=document.getElementById('top');

var btn=document.getElementsByClassName('btn')[0];

btn.onclick=function(){

top.scrollIntoView(0)

}

4.<button class="gotop">top</button>

var btn=document.getElementsByClassName('btn')[0];

btn.onclick = function(){

document.body.scrollTop = document.documentElement.scrollTop = 0;

}

返回上一页的html写法:

  1. <a href="#" onClick="javascript :history.back(-1);">返回上一页</a>

  2. <a href="#" onClick="javascript :history.go(-1);">返回上一页</a>

Tags:

最近发表
标签列表