HTML5中什么代码可以从一个页面跳转到另一个页面的特定部分

可以使用网页的锚点,即标签的id属性,如Chapter 6当从另处页面连接到该页地址加#C6时就会跳转到此处。示例:网页a.htm AB - Chapter 6网页b.htm
HTML5中什么代码可以从一个页面跳转到另一个页面的特定部分
你可以用get传参的方式在跳转的链接处加入跳转位置的参数

然后用返回页顶,页底之类的方法令页面滚动
参考:http://bbs.csdn.net/topics/700831812015-03-17
可以使用网页的锚点,即<a>标签的id属性,如<a id="C6">Chapter 6</a>当从另处页面连接到该页地址加#C6时就会跳转到此处。
示例:
网页a.htm
<!DOCTYPE html><head> <title>A</title></head><body><a href="b.htm#C6">B - Chapter 6</a></body></html>网页b.htm
<!DOCTYPE html><head> <title>B</title></head><body><h2>Chapter 1</h2><p>This chapter explains ba bla bla</p><h2>Chapter 2</h2><p>This chapter explains ba bla bla</p><h2>Chapter 3</h2><p>This chapter explains ba bla bla</p><h2>Chapter 4</h2><p>This chapter explains ba bla bla</p><h2>Chapter 5</h2><p>This chapter explains ba bla bla</p><h2><a id="C6">Chapter 6</a></h2><p>This chapter explains ba bla bla</p><h2>Chapter 7</h2><p>This chapter explains ba bla bla</p><h2>Chapter 8</h2><p>This chapter explains ba bla bla</p><h2>Chapter 9</h2><p>This chapter explains ba bla bla</p><h2>Chapter 10</h2><p>This chapter explains ba bla bla</p><h2>Chapter 11</h2><p>This chapter explains ba bla bla</p><h2>Chapter 12</h2><p>This chapter explains ba bla bla</p><h2>Chapter 13</h2><p>This chapter explains ba bla bla</p><h2>Chapter 14</h2><p>This chapter explains ba bla bla</p><h2>Chapter 15</h2><p>This chapter explains ba bla bla</p><h2>Chapter 16</h2><p>This chapter explains ba bla bla</p><h2>Chapter 17</h2><p>This chapter explains ba bla bla</p></body></html>运行效果:

2015-12-23
可以使用页面后面加#id来实现,对应的特定部分要把id写在div中 希望能帮助你脚本宝典http://www.js-code.com 提供信息2015-12-03
如以下代码,就可以兼容ie8
<a href="#001">跳到001</a>
…文字省略
<a name="001" id="001" > & n b s p </a>
…文字省略
另一问题,想显示某页面(如:123.html)的某锚点内容呢?
代码如下
<a href="123.html#001">跳到001</a>
…文字省略
<a name="001" id="001" > & n b s p </a>
…文字省略
做后台时候,想实现“修改定位”,就把锚点标记搬了出来。
但是要取值,连接中必须要有“?”或“&”,那这样锚点就不兼容了…
虽然在jsp页面中锚点兼容有问题,但是在静态页面中是没有问题的,还是值得学下的!
示例:
<!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>
</head>

<body>
<a name="A0" id="A0"></a>
<a href="#A1">网页第一部分</a>
<a href="#A2">网页第二部分</a>
<div style="height:900px; background:#CCCCCC"></div>
<a name="A1" id="A1"></a>1<a href="#A0">返回顶部</a>
<div style="height:900px; background:#999999"></div>
<a name="A2" id="A2"></a>2<a href="#A0">返回顶部</a>
<div style="height:900px; background:#666666"></div>
</body>
</html>2015-11-21
锚标记,,,<a href="2.html#div3">跳转</a>2015-11-13
锚链接#可以做到2015-12-11
mengvlog 阅读 10 次 更新于 2025-07-20 07:24:44 我来答关注问题0
  •  金木南影娱 HTML5中什么代码可以从一个页面跳转到另一个页面的特定部分?

    可以使用网页的锚点,即标签的id属性,如Chapter 6当从另处页面连接到该页地址加#C6时就会跳转到此处。示例:网页a.htm A B - Chapter 6 网页b.htm

  •  xinyu11290124 html5 canvas 代码 求最简单的动画效果 一个圆在左边移动到右边

    代码如下: Your browser does not support the HTML5 canvas tag. var c=document.getElementById("myCanvas");var ctx = c.getContext("2d");...

  •  深空游戏 html5 插入图 用canvas 两个文件,一个html,一个js文件。图片和文件在同一文档。

    在使用HTML5的canvas进行图像绘制时,确保图片加载完成后再进行绘制操作至关重要。通常的做法是首先定义一个onload函数,然后设置图片的src属性。具体代码如下:img.onload = function(){ imgx.drawImage(img, 650, 450);};img.src='zuihou.jpg';这里,我们首先将图片加载函数赋值给img.onload,这样当...

  •  天籁寒号鸟 HTML5 canvas lineTO()方法如何在同一个画布画不同粗细的,颜色的线条出来

    是这样的,建议在同一画布上绘制不同模块时,记得使用 beiginPath()和closePath()框选起来,在里面使用stroke.style可以画不同颜色的东西 window.onload=function(){ var myCarvas=document.getElementById('my-carvas')//mycarvas画布的id var ctx=myCarvas.getContext('2d');//绘制矩...

  •  深空见闻 html5 两个canvas重叠放在一个div里面,每个canvas各填充一张图片,代码怎么写?

    在HTML5中,如何将两个canvas重叠放置在一个div内,并各自填充一张图片,是一个有趣的实践项目。首先,你需要准备素材,比如两张图片,然后构建基本框架。例如,让其中一张图片从左向右移动,这将是一个直观的例子。为了实现这个效果,你可以按照以下步骤进行操作。第一步是引入图片素材,定义两个canvas...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部