试用了几个Bootstrap框架,发现页面的结构都是通过div拼接的上左右三栏,点击链接是直接跳转到了一个完整的新页面。而通常的后台管理系统界面中,需要类似多标签浏览器的效果打开多个独立页面,只能用iframe实现。
试了几种方法,在页面中直接include和用jQuery的load方法加载页面都出现嵌入的页面中的js代码无法执行的情况,最后找到解决方法,可以用以下代码实现:
$("#tab_"+id).append('<iframe id="iframe_'+id+'" name="iframe_'+id+'" style="border:0px;width:100%;height:100%;"/>');
window.open(url,'iframe_'+id);
即在div中动态插入一个iframe,通过window.open加载一个页面,页面的地址是url参数,第二个参数是target,这里通过iframe的id关联。