HTML做的网页 如何使当前页面跳转到另一页面锚点处,在线等!! 20

HTML的网页,在当前页面设置了超链接,想跳转到另一个页面设置的锚点处,应该如何设置该超链接及锚点?希望有详细代码哈。。谢谢。。。本人分不多。就给一半吧。。。烦请大家留意... HTML的网页,在当前页面设置了超链接,想跳转到另一个页面设置的锚点处,应该如何设置该超链接及锚点?
希望有详细代码哈。。
谢谢。。。
本人分不多。就给一半吧。。。
烦请大家留意,是要在当前页面跳转到另一页面的锚点处。希望能给个代码看看。。。单读文字理解不来哈。。
谢谢谢谢
展开
 我来答
码路行者
2019-01-07 · 码路行者,以码为生。专注前端WEB。
码路行者
采纳数:74 获赞数:7542

向TA提问 私信TA
展开全部

比如现在有t1.html和t2.html两个页面,t1页面中需要设置超链接跳转到t2页面中的锚点a1位置,则需要按如下步骤进行设置:

1、t1页面中设置超链接href属性。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>t1页面</title>

<style>

html,body{margin:0;padding:0;background-color:#ccc;}

.anchor{display:block;padding:5px 10px;background-color:#aaa;}

</style>

</head>

<body>

<a href="./t2.html#a1" target="_blank" class="anchor">跳转到t2页面a1</a>

</body>

</html>

2、t2页面中设置锚点元素的ID为a1。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>t2页面</title>

<style>

html,body{margin:0;padding:0;background-color:#ccc;}

.anchor{display:block;padding:5px 10px;background-color:#aaa;}

.placeholder{height:800px;padding:5px;}

</style>

</head>

<body>

<div class="placeholder">占位div1</div>

<a id="a1" href="#" class="anchor">锚点a1</a>

<div class="placeholder">占位div2</div>

</body>

</html>

3、浏览器中打开t1页面(以Chrome浏览器为例,其他浏览器操作一样)。

4、点击“跳转到t2页面a1”,Chrome浏览器会新开一个标签页打开t2页面,此时锚点a1在浏览器可视范围内并且位于页面的顶端。这样,外部锚点链接就设置成功了。

大趋势产业
2019-01-09 · TA获得超过1625个赞
知道答主
回答量:0
采纳率:0%
帮助的人:0
展开全部

比如现在有t1.html和t2.html两个页面,t1页面中需要设置超链接跳转到t2页面中的锚点a1位置,则需要按如下步骤进行设置:

1、t1页面中设置超链接href属性。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>t1页面</title>

<style>

html,body{margin:0;padding:0;background-color:#ccc;}

.anchor{display:block;padding:5px 10px;background-color:#aaa;}

</style>

</head>

<body>

<a href="./t2.html#a1" target="_blank" class="anchor">跳转到t2页面a1</a>

</body>

</html>

2、t2页面中设置锚点元素的ID为a1。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>t2页面</title>

<style>

html,body{margin:0;padding:0;background-color:#ccc;}

.anchor{display:block;padding:5px 10px;background-color:#aaa;}

.placeholder{height:800px;padding:5px;}

</style>

</head>

<body>

<div class="placeholder">占位div1</div>

<a id="a1" href="#" class="anchor">锚点a1</a>

<div class="placeholder">占位div2</div>

</body>

</html>

3、浏览器中打开t1页面(以Chrome浏览器为例,其他浏览器操作一样)。

4、点击“跳转到t2页面a1”,Chrome浏览器会新开一个标签页打开t2页面,此时锚点a1在浏览器可视范围内并且位于页面的顶端。这样,外部锚点链接就设置成功了。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
wanwan1r
2015-04-21 · TA获得超过137个赞
知道答主
回答量:5
采纳率:0%
帮助的人:3.1万
展开全部
当前页面a.html
另一页面b.html
当前页面:

<a href="b.html#aaa">跳转到b页面aaa处</a>
另一页面:
<a name="aaa" id="aaa">aaa</a>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友fa0ff2c
2008-07-04 · TA获得超过1.2万个赞
知道大有可为答主
回答量:8033
采纳率:33%
帮助的人:4056万
展开全部
比如那么锚点的名字叫abc
那么在连接后面写上#abc就行了。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友1bbeca2e44
2019-08-07
知道答主
回答量:1
采纳率:0%
帮助的人:717
展开全部
本页面锚点跳转

<html>

<head>

<meta charset="utf-8">

<title>网上技术教程</title>

</head>

<body>

<h2>HTML网上教程-W3 School</h2>

章节目录<br>

<p> <a href="#a1">第1章 HTML简介</a> &nbsp;  <1--#a1第一个超链接-->

<a href="#a2">第2章 HTML标签</a>  &nbsp; 

<a href="#a3">第3章 表格</a> &nbsp;

<a href="#a4">第4章 表单 </a>  &nbsp;

<a href="#a5">第5章 框架</a>  &nbsp; 

<a href="#a6">第6章 CSS</a>   &nbsp;

<a href="#a7">第7章 超链接 </a> </p>

<a name="a1">                                <1--#a1第一个超链接跳转到此-->

<h2>Chapter 1</h2> 

</a>

</body>

</html>

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(7)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式