Question

两个div 左侧是超链接列表 点击某链接后在右侧div 显示来页面内容 请问如何实现 最好能提供案

两个div 左侧是超链接列表 点击某链接后在右侧div 显示来页面内容 请问如何实现 最好能提供案例 貌似可以用ajax?

Answer 1

如何利用jQuery来达到frame的框架的效果，也就是点击左边的链接，右边可以实现刷新！这里我们就要用到jQuery中的load函数！

一、load函数使用
现在如果我们想要在div元素里面插入test.html里面的内容，那么我们可以用以下的代码：
1
$('div').load('test.html');
这样div里面就有了test.html的内容啦！当然也可以加载PHP文件，只不过PHP里面要输出内容才行！
这里的load函数在谷歌浏览器会失效，那是因为谷歌浏览器要在服务器上面才能加载其他文件，所以你当你将全部网页都放到服务器上面谷歌浏览器就会支持啦！

二、模拟框架
最简单的框架就是点击左边的链接，右边可以实现刷新！那么我们在左边设置多个链接，然后利用jQuery判断点击了哪个链接右边就显示哪个html文件的内容！具体代码实例请看jQuery模拟frame框架代码分享 本文摘自王业楼的个人博客

Answer 2

给右侧div一个id。熟用A标签中的target属性，指向右侧div的id