Question

不用iframe如何实现在一个页面内加载另一个页面的内容

如图，点击左边菜单，就可以把相应页面的内容加载到图中的右边，上面说不能用iframe，说要用ajax和jquery，请问具体怎么做呢？
效果和http://css.doyoe.com/这个网站差不多，都是点击左边菜单加载页面到右边，但这个网站用的是iframe，而我不能使用这个，怎么弄我不知道，请大神教我(┬＿┬)

Answer 1

1、创建一个php文件，命名为test.php。

2、在test.php文件内，编写html内容，包括title,body,meta等，用于显示页面。

3、在test.php文件内，在body标签内，使用a标签创建一个链接，链接跳转至test2.php，并设置链接携带两个参数，一个是act，另一个是num。

4、再创建一个php页面，文件名为test2.php，用来接收test.php页面传递过来的值。

5、在test2.php文件内，使用echo输出接收到的act、num参数。

6、在浏览器中打开test.php文件，点击链接，跳转至test2.php页面，查看输出接收到的act、num值。

Answer 2

很简单，代码如下：

//左边所有的超链接，拦截点击事件，发送ajax，结果写入右边的容器里面
$("a").click(function () {
	$.get($(this).attr("href"), function (r) {
		$("#rightContainer").html(r);
	}, "html");
	return false;
});

 但是有一点要注意，不用iframe的话，动态加载的页面内容中如果含有脚本或css代码，可能会影响整个页面。

追问

那请问如何才能把被加载页面的CSS样式表一起加载进来呢?

追答

就这样就够了啊。

Answer 3

$("#rightContainer").empty.load('a.html');
jquery的load方法貌似也是直接就可以加载相应的页面内容的