三种页面返回到顶端的方法

最新推荐文章于 2024-05-09 00:08:19 发布
最新推荐文章于 2024-05-09 00:08:19 发布
阅读量501 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/newnessayuan/article/details/8560223
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

<script language="javascript">
function gotoTop(){
window.scrollTo(0,0);
}
</script>
</head>
<body id="top">
sdfssdfsdf<br><br><br><br><br><br><br>sdfsdf<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>sdfsdf
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>sdadasdasd
<br><br><br><br><br><br><br><br>asdasdasd
<br><br><br><br>
<a href="#" οnclick="gotoTop();">Top</a>
<a href="#top" target="_self">Top</a>
<input type="button" οnclick="location.replace('#top')"   value="Top"/>
</body>
</html>

1.  <a href="#" οnclick="gotoTop();">Top</a> 调用js方法控制滚动条回到顶端
2.   <a href="#top" target="_self">Top</a>  使用锚标记(body中id="top")
3.   <input type="button" οnclick="location.replace('#top')"  value="Top"/>  和2原理一样，只不过是超链接换成了用button来实现

页面跳转到顶部的方法
郭宝的博客
04-10 2188
JavaScript为我们提供的函数scrollTo(x, y)来实现返回到页面顶部的功能。scrollTo函数可以滚动到指定坐标(x, y)处的内容。我们将坐标设定为(0, 0)即可起到返回顶部的作用。 window.scrollTo(0,0); 效果图： ...
对于页面的"返回"操作，这样处理比较合适
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
03-28 621
???? 场景描述在页面中，经常会带有“返回”按钮。对于这些返回功能的实现，可能会有以下两种常见的处理方式：调用加载历史栈的前一个地址的API，例如vue-router提供的router.back()，如下代码所示。back(){ this.$router.back() }但这种实现方式存在的问题是：如果用户是直接在浏览器地址栏输入URL进入该页面，当用户点击返回按钮时，会因为历史栈只存在当前地...
最详讲解 输入url到页面返回的全过程
seulzz的博客
08-31 912
最近看到一个题目，是当在浏览器中输入一个url后回车，后台发生了什么？比如输入url后，你看到了百度的首页，那么这一切是如何发生的呢？ 这个问题之前、最近、我想以后肯定还会被问到，或者问到这样的题目，如果在百度框里输入查询的字符串开始，是怎么返回你需要的东西呢。 那这什么个过程呢（这个问题我在之后的博客中在写）？ 网上各种的说法，不外乎这么几种 第一种简单的说呢
前端实现返回前一页面
faydflowright的博客
09-13 3260
前端实现返回前一页面，解决 history.go(-1) 使用多个子页签时的问题
返回页面顶部，顶端
08-08
标题“返回页面顶部，顶端”和描述中的博文链接暗示了我们将在讨论网页设计中的一个常见功能，即“返回顶部”的按钮或链接。这个功能允许用户快速地将浏览器滚动到页面的开头，通常在页面滚动一定距离后显示。这种...
动态实现JSP页面内容快速回到顶端的几种方法
在JSP页面实现这样的功能，有多种方法可以实现页面顶端的快速跳转，这里将详细阐述几种常用的方法。 **1. 使用HTML的锚点（Anchor）** 最简单的方式是通过HTML的锚点（也称为书签）功能。在JSP页面中，你可以为...
css效果点击返回页面顶端
11-05
大家都知道qq空间中，当你浏览到页面末端的时候，会出现三个按钮，其中有一个是返回页面顶端的，我上传的这个就是这种效果，不过有一种滑动的感觉
jquery 滑动到页面顶端效果
03-23
本篇文章将详细讲解如何利用 jQuery 实现“滑动到页面顶端”的效果，这是一种常见的用户体验优化技术，使得用户可以轻松地返回页面顶部。 首先，我们需要引入 jQuery 库。如果你的项目中还没有引入，可以通过以下...
前端实现页面的返回，前进，刷新，跳转
qq_19891197的博客
08-12 1587
前端实现页面的返回，前进，刷新，跳转
面试官：SpringMVC返回视图常见的 5 种方式，你会几种？
roupu的博客
08-06 834
响应页面通常有 2 种方式，第 1 种返回 ModelAndView，这种方式比较适合页面中需要后端传递数据的，第 2 种方式直接返回视图的名称，这种适合无需传递数据的。springmvc 容器中配置 InternalResourceViewResolver 视图解析器，用来简化 controller 中视图的名称掌握重新的 2 种方式，重定向的关键点是视图名称要以开头，这样 springmvc 才知道你需要 springmvc 来帮你执行重定向操作。
Web前端最全前端 Vue路由返回恢复页面状态的实现方案_vue，阿里P8手把手教你
最新发布
2401_84434086的博客
05-09 372
技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。
页面返回
xixidabai的博客
09-19 710
function back()          {              window.history.back()          }          function forward()          {              window.history.forward()          }          function back2()
轻松解决页面回传后页面滚动到顶端
THIN
03-25 882
页面回传后页面滚动到顶端，造成这一问题的原因是页面回传，其实等于载入一次页面，新载入的页面会定点到页面的顶端。这一特点会造成很差的用户使用感受，如何解决这一问题呢，我们可以借用隐藏的ViewState机制保存当前页面滚动的位置，在页面回传后调用。   Test_THIN        http://schemas.microsoft.com/intellisense/ie5">     funct
HTML如何返回上一页？
热门推荐
xiaokun
06-28 1万+
代码如下，一个按钮，一个文本，图片也类似，有问题hi我&lt;input type="button" onclick="history.go(-1)" value="back"&gt;&lt;a href="javascript:history.go(-1)" &gt;back&lt;/a&gt;
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值