在html中动态更改框架集中的html页面

Dynamically change html page in frameset in html

本文关键字：html 集中 页面 框架 动态      更新时间：2023-09-26

我已经准备好了包含框架集的HTML文件。以下是代码

<html>
    <frameset rows="55,*">
        <frame name="headinfo" src="headinfo.html" scrolling=no>
        <frameset cols="10,50" frameborder=no border=no framespacing=no>
            <frame name="navinfo" src="navinfo.html" >
            <frame name="bodyinfo" src="bodyinfo.html">
        </frameset>
    </frameset> 
</html>

现在navinfo.html的内容如下

<html>
<head>
</head>
<body><div id="vmenu">
    <li><a href="bodyinfo.html#Summary1"target="bodyinfo">Summary 1</a></li>
    <ul>
        <li><a href="Folder1'Page1.html">Page1</a></li>
        <li><a href="Folder1'Page2.html">Page2</a></li>
        <li><a href="Folder1'Page3.html">Page3</a></li>
        <li><a href="Folder1'Page4.html">Page4</a></li>
        <li><a href="Folder1'Page5.html">Page5</a></li>
    </ul>
    <li><a href="bodyinfo.html#Summary2"target="bodyinfo">Summary 2</a></li>
    <ul>
        <li><a href="Folder2'Page6.html">Page6</a></li>
        <li><a href="Folder2'Page7.html">Page7</a></li>
        <li><a href="Folder2'Page8.html">Page8</a></li>
        <li><a href="Folder2'Page9.html">Page9</a></li>
        <li><a href="Folder2'Page10.html">Page10</a></li>
    </ul>   
</body>
</html>

现在，当点击导航选项卡上的Page1时，它打开了Page1.html的一个新窗口。我的问题是，我希望它显示在显示bodyinfo.html的html页面的同一部分。基本上，当用户点击导航栏上的任何列表项时，包含身体部位的右侧部分应该显示点击的html数据
请建议

您可以使用BASE标记为所有链接设置默认目标。

<head>
<BASE target="bodyinfo">
</head>

或者，您可以在每个链接中使用target属性，就像使用摘要链接一样。

<li><a href="Folder1'Page1.html" target="bodyinfo">Page1</a></li>
相关文章：