1.如果中间就展示一个页面，就是你说的这种，替换iframe的src，如果多个页面就是增加选项卡，里面内容加载iframe
document.getElementById("main").src=localhost:8080/test.jsp;
2.如果中间就展示一个页面，中间一个div
js获取通过后端请求页面内容，替换div的内容，如果多个页面就是增加选项卡，js获取后端页面内容，加载div的内容
比如结合jquery等前端框架
1.动态替换div：
$.ajax({
url:"localhost:8080/test.jsp",
data:{ids:ids},
type:"POST",
dataType:"TEXT",
success:function(data)
{
//var data="
111
";$("#centerDiv").html(data);
//或者直接加载：
document.getElementById("centerDiv").innerHTML=data;
}
})；
还可以这样用jquery的load：
jQuery('#centerDiv').load('/test/index.html',
function(){alert('Content Successfully Loaded.')}
);
