html ,如何在框架导航中创建 “锚的链接 ”?
发布网友
发布时间：2022-04-26 13:01
共2个回答
热心网友
时间：2022-04-21 08:21
左边页面的链接是有target的,指向另一个框架,这样点击就会在另一个框架打开了,而另一个页面是带有锚点的,连接后边加#锚点名就可以跳过去了
content.html
<a href="连接地址#锚点名" target="showframe">
<frame src="/example/html/link.html" name="showframe">注意这个name和连接的target一样
热心网友
时间：2022-04-21 09:39
<html>
<frameset cols="180,*"><--!col属性定义了一个两列的框架,第一列180px,第二列为整个页面剩下的像素-->
<frame src="/example/html/content.html"><--!这是左边的框架,内容是content.html-->
<frame src="/example/html/link.html" name="showframe"><--!这是右边的框架,内容为link.html-->
</frameset>
</html>
"content.html"包含下面两个链接:
<a href="#n">没有锚的链接</a>
<a href="#c10" target="showframe>带有锚的链接</a>
"link.html"的代码为:
<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>Chapter 6</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><a name="c10">Chapter 10</a></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>
