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

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

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

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

            这个怎么实现呢?
 如果导航和文章在同一个页面:
文章使用<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);
}

用超链接就可以处理了
< a href="url?#id" >
图片说明

你的意思是导航栏不变,更新文章栏?

感觉你说的这种效果类似一篇文章的目录和正文,对吗?为什么要用两个iframe来实现?能用普通页面可以完成的东西不推荐用iframe标签。

http://blog.csdn.net/mango_love/article/details/78935811
看看这篇文章吧,里面有很多方法,通过主框架慢慢定位到你要定位的锚

参考http://blog.csdn.net/qiphon3650/article/details/78674759 还是挺简单的。。

设置两个iframe,通过src和href属性来设置跳转得页面。

你说的锚点链接吗,用标签就可以实现了,用两个div一个放导航栏,一个放文章的内容,导航栏里写一个链接第一部分
然后在内容div中定义name, 我是第一部分,不知道能不能用你可以试一试,如果用框架局部刷新,不建议用iFrame,已经很过时了,ajax是更好的选择

framset分割出两个frame,一个装导航,一个装设置了锚点的文章。
截图只是个样式,功能还没实现图片

可以用javascript