html一个页面两个框架，实现锚点跳转，怎么实现呢？

Question

今天突然遇到一个问题，我也发现这个功能在做网站应该很常用，自己动手发现做不出来。

我的设想是这样的：
在一个页面内，建立2个框架，水平的，上面的框架作为导航栏，下面的作为文章显示。

            文章里用“a”标签设置很多锚点，导航上的连接href对象就是这些锚点的name或者ID。

            这个怎么实现呢？

Answer 1

 如果导航和文章在同一个页面：
文章使用<a name="xxx"></a>设置锚点
导航点击href引用这个锚点name属性值：<a href="#xxx">点击的项目</a>
或
<a href="javascript:click('xxx')>点击的项目</a>

function click(xxx){
window.location.href = "#"+xxx;
}


如果导航和文章不在同一个界面
文章使用<a name="xxx"></a>设置锚点
导航点击href引用这个锚点name属性值：<a href="javascript:click('xxx')">点击的项目</a>

假如是文章用的iframe加载
function click(xxx){
          var iframeUrl = "";
            $("#iframeif").arrt("src",iframeUrl+"#"+xxx);
}