Javascript 如何使用分区划分网页，以及如何在网页的这些部分之间提供链接

我有一个html页面，有两个div。左div包含所有带有超链接的内容（页面索引）。现在我想在右div中显示用户单击的内容。在右div中，我将页面水平分为3部分..10%，80%，10%。在80%的水平分区中，它shd显示内容。我尝试在锚标记中使用目标属性，但它没有显示在右侧分区中。如何解决此问题？

您可以尝试以下方法：

css:

div {
    width:90%;
    height:800px;
    position:relative;
    background-color:blue;
}
a {
    color:white;
    font-size:24px;
}

<div id="one">Top of Page</div>
  <div id="two"><a href="#one">Go to Top</a></div>
  <div id="three"><a href="#two">Go to Two</a></div>

html:

div {
    width:90%;
    height:800px;
    position:relative;
    background-color:blue;
}
a {
    color:white;
    font-size:24px;
}

<div id="one">Top of Page</div>
  <div id="two"><a href="#one">Go to Top</a></div>
  <div id="three"><a href="#two">Go to Two</a></div>

页面顶部

您可以尝试使用iFrame。可以参考此网站开始：

我不理解这个问题。你是想实现一个经典的页面导航，一个ajax导航还是一个锚导航？锚导航..如果我点击链接，它会在右边显示该文件信息。@chadocat…如果我在左边给出类似的dis。。当单击该链接时，该txt文件会显示在右边窗格中。。你能提供该链接的代码吗？？