HTML5中什么代码可以从一个页面跳转到另一个页面的特定部分
6个回答
展开全部
可以使用网页的锚点，即<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>
运行效果：
已赞过
已踩过<
你对这个回答的评价是？
展开全部
可以使用页面后面加#id来实现，对应的特定部分要把id写在div中 希望能帮助你脚本宝典http://www.js-code.com 提供信息
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如以下代码，就可以兼容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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
锚标记，，，<a href="2.html#div3">跳转</a>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
