【HTML】使用框架导航跳转到指定的节

1、main文件,两个页面

<html>

<frameset cols="20%,80%">
    <frame src="HTML框架-使用框架导航跳转指定的节-content.html"></frame><br />
    <frame src="HTML框架-使用框架导航跳转指定的节-link.html" name="showframe"></frame>
</frameset>

</html>

2、content文件,包含两个跳转链接

<html>
<body>
    <a href="HTML框架-使用框架导航跳转指定的节-link.html" target="showframe">没有锚的链接</a><br />
    <a href="HTML框架-使用框架导航跳转指定的节-link.html#C10" target="showframe">带有锚的链接</a>
</body>
</html>

3、link文件,包含页面内容

<html>
<body>
<h2>第一章</h2>
<p>这是一个段落!!!!!!!!!!!!!!!!!!!!!!</p>

<h2>第二章</h2>
<p>这是一个段落!!!!!!!!!!!!!!!!!!!!!!</p>

<h2>第三章</h2>
<p>这是一个段落!!!!!!!!!!!!!!!!!!!!!!</p>

<h2>第四章</h2>
<p>这是一个段落!!!!!!!!!!!!!!!!!!!!!!</p>

<h2>第五章</h2>
<p>这是一个段落!!!!!!!!!!!!!!!!!!!!!!</p>

<h2>第六章</h2>
<p>这是一个段落!!!!!!!!!!!!!!!!!!!!!!</p>

<h2>第七章</h2>
<p>这是一个段落!!!!!!!!!!!!!!!!!!!!!!</p>

<h2>第八章</h2>
<p>这是一个段落!!!!!!!!!!!!!!!!!!!!!!</p>

<h2>第九章</h2>
<p>这是一个段落!!!!!!!!!!!!!!!!!!!!!!</p>

<h2><a name="C10">第十章</a></h2>
<p>这是一个段落!!!!!!!!!!!!!!!!!!!!!!</p>

<h2>第十一章</h2>
<p>这是一个段落!!!!!!!!!!!!!!!!!!!!!!</p>

<h2>第十二章</h2>
<p>这是一个段落!!!!!!!!!!!!!!!!!!!!!!</p>

<h2>第十三章</h2>
<p>这是一个段落!!!!!!!!!!!!!!!!!!!!!!</p>

<h2>第十四章</h2>
<p>这是一个段落!!!!!!!!!!!!!!!!!!!!!!</p>

<h2>第十五章</h2>
<p>这是一个段落!!!!!!!!!!!!!!!!!!!!!!</p>

<h2>第十六章</h2>
<p>这是一个段落!!!!!!!!!!!!!!!!!!!!!!</p>
</body>
</html>

4、最后的结果。通过“带有锚的链接”跳转到“第十章”

猜你喜欢

转载自blog.csdn.net/cnds123321/article/details/83928996
今日推荐