如何用纯js写一个返回顶部的按钮

JavaScript016

如何用纯js写一个返回顶部的按钮,第1张

<input type="button" id="btn" value="点击回到顶部">

document.getElementById("btn").onclick = function(){

  document.body.scrollTop = 0

  document.documentElement.scrollTop = 0

}

你这样肯定不行哈:

当A->B->C->D进入页面时,浏览器把相关页面记录到了历史记录里面,然后你调用history.go(-1)或者history.back()的时候,JS会根据历史记录一级一级的返回;

但是当你C->D,浏览器里面只记录C,D两个页面的历史记录,所以只能够在这两个页面来回跳

如果你实在是想要满足那上面的跳法的话,就直接用A超链接写死

这是ajax的一个经典问题,很多框架都提供了解决方案,重点是模拟浏览器的前进后退。

对于IE,可以用一个隐藏框架,对框架内容的导航会使得前进后退按钮被触发。

对以FF,可以用Hash,即改变http://www.url.com/#abc井号后面的部分,前进后退按钮同样被触发。

这样就能既让浏览器前进后退按钮被触发,同时又不离开本页面。具体方法如下:

1.resize事件 (window).resize(function() { var width = (this).width()var height = (this).height()})

2.js条用这个方法 function closewindow{ history.go(-1)}

3.<input type="button" value="后退" onClick="history.back()">或 <input type="button" value="后退" onClick="history.go(-1)">

4.window.location.replace Location对象的replace()方法将用指定的URL替换浏览器历史列表中的当前URL,而不是在历史列表中创建一个新的项,因此,就不能使用IE的后退按钮来返回原始文档了。 2.window.open(FF无效...