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 阅读 333 次 更新于 2025-09-10 11:15:08 我来答关注问题0
  •  金木南影娱 HTML5中什么代码可以从一个页面跳转到另一个页面的特定部分?

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

  •  誉祥祥知识 html5中怎样设置编码

    在HTML5中,DOCTYPE声明变得非常简洁,只需一行代码即可完成设置,具体语法为:!DOCTYPE html。这一改动使得HTML5文档更加易于识别和解析。除了DOCTYPE声明,HTML5还引入了新的标签用于设置文档的字符编码。默认情况下,HTML5文档的字符编码为UTF-8,这需要通过标签进一步确认,其语法如下所示:

  •  腾云新分享 HTML5,怎样才能创建一个没有边缘的矩形区域?

    接下来,你可以为你的矩形区域使用CSS样式。比如,定义一个div元素,设置其宽度和高度,同时将其边框样式设置为none,这样就去除了矩形区域的边框。你可以这样写CSS代码:.rect { width: 200px;height: 100px;border: none;} 此外,还可以考虑使用CSS的box-sizing属性,设置为border-box,这样定义的宽...

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

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

  •  阿暄生活 HTML5用什么代码能让背景音乐在手机上播放?

    在HTML5中,要让背景音乐在手机上播放,特别是针对Android设备,可以使用标签并通过JavaScript来触发播放动作。而对于iOS设备,由于系统限制,通常不允许网页自动播放音频,需要用户交互才能播放。具体实现方法如下:HTML部分:使用标签嵌入背景音乐。例如:html

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

CSS相关话题

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