HTML做的网页 如何使当前页面跳转到另一页面锚点处，在线等！！
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML做的网页 如何使当前页面跳转到另一页面锚点处，在线等！！相关的知识，希望对你有一定的参考价值。
html的网页，在当前页面设置了超链接，想跳转到另一个页面设置的锚点处，应该如何设置该超链接及锚点？
希望有详细代码哈。。
谢谢。。。
本人分不多。就给一半吧。。。
烦请大家留意，是要在当前页面跳转到另一页面的锚点处。希望能给个代码看看。。。单读文字理解不来哈。。
谢谢谢谢
比如现在有t1.html和t2.html两个页面，t1页面中需要设置超链接跳转到t2页面中的锚点a1位置，则需要按如下步骤进行设置：
1、t1页面中设置超链接href属性。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>t1页面</title>
<style>
html,bodymargin:0;padding:0;background-color:#ccc;
.anchordisplay: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,bodymargin:0;padding:0;background-color:#ccc;
.anchordisplay:block;padding:5px 10px;background-color:#aaa;
.placeholderheight: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在浏览器可视范围内并且位于页面的顶端。这样，外部锚点链接就设置成功了。
比如现在有t1.html和t2.html两个页面，t1页面中需要设置超链接跳转到t2页面中的锚点a1位置，则需要按如下步骤进行设置：
1、t1页面中设置超链接href属性。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>t1页面</title>
<style>
html,bodymargin:0;padding:0;background-color:#ccc;
.anchordisplay: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,bodymargin:0;padding:0;background-color:#ccc;
.anchordisplay:block;padding:5px 10px;background-color:#aaa;
.placeholderheight: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在浏览器可视范围内并且位于页面的顶端。这样，外部锚点链接就设置成功了。
另一页面b.html
当前页面：
<a href="b.html#aaa">跳转到b页面aaa处</a>
另一页面：
<a name="aaa" id="aaa">aaa</a> 参考技术C 比如那么锚点的名字叫abc
那么在连接后面写上#abc就行了。 参考技术D 本页面锚点跳转
<html>
<head>
<meta charset="utf-8">
<title>网上技术教程</title>
</head>
<body>
<h2>HTML网上教程-W3 School</h2>
章节目录<br>
<p> <a href="#a1">第1章 HTML简介</a> <1--#a1第一个超链接-->
<a href="#a2">第2章 HTML标签</a>
<a href="#a3">第3章 表格</a>
<a href="#a4">第4章 表单 </a>
<a href="#a5">第5章 框架</a>
<a href="#a6">第6章 CSS</a>
<a href="#a7">第7章 超链接 </a> </p>
<a name="a1"> <1--#a1第一个超链接跳转到此-->
<h2>Chapter 1</h2>
</a>
</body>
</html>
js如何在指定页面跳转到另一指定页面
要实现从一个页面A跳到另一个页面B，js实现就在A的js代码加跳转代码
JS跳转大概有以下几种方式：
第一种：(跳转到b.html)
<script language="javascript" type="text/javascript">
window.location.href="b.html";
</script>
第二种：（返回上一页面）
<script language="javascript">
window.history.back(-1);
</script>
第三种：
<script language="javascript">
window.navigate("b.html");
</script>
第四种：
<script language="JavaScript">
self.location=’b.html’;
</script>
第五种：
<script language="javascript">
top.location=’b.html’;
</script>
以上是关于HTML做的网页 如何使当前页面跳转到另一页面锚点处，在线等！！的主要内容，如果未能解决你的问题，请参考以下文章