HTML跳转到页面指定位置（本页或者他页）

剑痞

于 2024-08-21 17:48:30 发布

阅读量212

点赞数 1

分类专栏：简易代码文章标签： html

QQ;691699 E-mail:fim@qq.com http://han.ge

本文链接：https://blog.csdn.net/jianpi/article/details/141399461

版权

简易代码专栏收录该内容

23 篇文章 0 订阅

订阅专栏

本页跳转到指定位置

<a href="#live">blog.csdn.net/jianpi</a><br/>
/
/
/
/
/
/
/
/
/
<h3 id="live">blog.csdn.net/jianpi</h3>

使用纯超链接实现跳转到他页

1. 实现本页面跳转到指定位置（a.html），代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
	<div>
		<div id="bb" style="width: 100%;height: 100vh;background-color: 

pink;">bb <a href="#aa">跳转到aa</a></div>
		<p>--------------------</p>
		<div id="aa" style="width: 100%;height: 100vh;background-color: 

lightblue;">aa <a href="#bb">跳转到bb</a></div>
	</div>
</body>
</html>

实现点击跳转到新页面的指定位置:

<a href="a.html#aa">跳转a.html的aa</a>

如果上方有导航条遮挡：

<div id="aa" style="padding-top: 60px;margin-top: -60px;"></div>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

剑痞

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML跳转到页面指定位置（本页或者他页）

【代码】HTML跳转到页面指定位置（本页或者他页）
复制链接

扫一扫

专栏目录

JS动态添加的div点击跳转到另一页面实现代码

01-19

div调用函数跳转： var obj = document.getElementById('id'); obj.onclick=function(){ [removed].href=跳转的地址 rel=external nofollow ; } 源文件： <!DOCTYPE html> <html> <head> <title>首页推荐页面</title> <meta name=author content=Chunna.zheng/> <meta http-equiv=CONTENT-TYPE content=text/html; ch

2.HTML跳转到页面指定位置的几种方法

qq_44438941的博客

11-03

5881

日常总结

参与评论您还未登录，请先登录后发表或查看评论

html button跳转页面_HTML跳转到页面指定位置的几种方法

weixin_39526872的博客

11-29

2995

HTML跳转到页面指定位置的几种方法前言有时候，我们想阅读页面中某段精彩的内容，但由于页面太长，用户需要自己滚动页面，查找起来非常麻烦，很容易让人失去继续往下阅读的兴趣。这样体验非常不好，所以我们可以想办法实现点击某段文字或者图片跳转到页面指定位置，方便用户的阅读。一、纯 html 实现 1. 利用 id 为标记的锚点这里作为锚点的标签可以是任意元素。2. 利用 a 标签的 na...

点击页面中的某一个链接(锚点链接)，就会跳到这个页面的指定位置(锚点),只需要两步

最新发布

m0_67841039的博客

06-18

286

只要点击该链接，就会自动跳转到锚点处

HTML跳转到页面指定位置方法[scrollTo() , scrollIntoView() I40.scrollIntoView()]

Mo___yu的博客

04-01

1292

【代码】HTML跳转到页面指定位置方法[scrollTo() , scrollIntoView() I40.scrollIntoView()]

HTML跳转到页面指定位置

liyibao111的博客

05-05

3595

HTML跳转到页面指定位置。

html 超链接的使用

weixin_53892095的博客

06-20

4079

html超链接

div链接跳转

VibMike的博客

04-20

5978

1、先建立一个div 2、给div写个id，直接写个go吧，再写个class，就叫go1吧 3、给它里面写个你要跳转的网址名称 4、给它设置个样式，弄个黑色背景什么的 5、然后把字体调成白色，文字居中 6、这是目前这个div的样子 7、接着给div写js，先来个windows加载事件 8、获取到那个div 9、给它写个点击事件 10、添加跳转，完成 ...

分享HTML页面跳转的5种方法

hdxx2022的博客

02-19

1万+

下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。缺点：firefox不支持（firefox不支持span、div等的innerText属性）3") 结合了倒数的javascript实现（firefox）-- 以下方式只是刷新不跳转到其他页面 -->3) 结合了倒数的javascript实现（IE）-- 以下方式定时转到其他页面 -->优点：灵活，可以结合更多的其他功能。缺点：受到不同浏览器的影响。5) 整合3)和3")

js，jquery滚动/跳转页面到指定位置的实现思路

10-25

在Web开发中，有时我们需要实现用户从一个页面跳转到另一个页面，并且自动滚动到特定的位置。本文将详细介绍如何使用JavaScript和jQuery来实现这一功能。首先，基本的思路是利用HTML的锚点（Anchor）机制。在源...

jquery 仿锚点跳转到页面指定位置的实例

10-20

知识点一：jQuery的offset()方法...通过以上知识点，我们可以了解到如何使用jQuery来仿制原生的锚点跳转功能，实现页面内的指定位置跳转。这不仅可以提升用户的浏览体验，也可以在页面上实现更为复杂和动态的交互效果。

基于JavaScript实现定时跳转到指定页面

10-23

在本文中，我们将深入探讨如何使用JavaScript来实现定时跳转到指定页面的功能，这对于网页设计和用户体验有着重要的作用。首先，我们来看一下实现这个功能的基本原理。JavaScript提供了一个名为`setInterval()`的...

JS控制div跳转到指定的位置的几种解决方案总结

10-21

在Web开发中，页面内的导航跳转到特定的内容位置是一项常见需求。本文介绍了几种使用JavaScript实现页面滚动到指定div位置的解决方案。这些方法主要包括锚点法、jQuery的animate方法、window.scrollTo方法和...

一个超炫酷的跳转页面 HTML

09-01

在实际的HTML跳转页面中，可能还会用到CSS来控制页面的样式和布局。例如，可以使用CSS3的动画和过渡效果来创建平滑的视觉变化，提升用户体验。`transition`属性用于定义元素从一种样式到另一种样式的过渡效果，而`...

HTML中如何实现从当前页面跳转至其他页面指定区域

emmmaha的博客

04-26

785

当用户点击包含正确链接的链接时，浏览器将跳转到目标页面，并滚动到对应的 ID 区域，实现在一个页面中搜索另一个页面的 ID 区域的效果。在 HTML 中，要在一个页面中跳转至另一个页面的区域，可通过设置ID来实现，使用锚点链接的方式实现。

html从指定位置跳转到指定位置

一步一步的前进

07-25

1964

html实现从任意位置跳转到指定位置

html页面间的跳转及导航栏制作

cnds123的专栏

07-15

1万+

html页面间的跳转及导航栏制作技术：通过链接进行页面跳转，通过按钮进行页面跳转

html 点击按键跳转至百度/其他html页面(原生js)