easyui在页面布局中引入外部的jsp页面，css冲突，功能失效，页面混乱

easyui在页面布局中引入外部的jsp页面，如header.jsp或left.jsp，避免出现页面混乱有两个方式：
1、两个jsp中不能有页头，除了编码声明外，直接div；

例如：

<%-- header.jsp --%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="" %>





<%-- index页面引入：--%>
    

 

2、或者布局引入的时候，用ifame作为容器，用iframe引入header.jsp或left.jsp；
例如：

3、第2种方式在ie下可能不兼容，可以动态加载iframe页面，例如：

<%-- 在index页面中用于加载header-iframe的div--%>



<%-- index页面加载时，动态加载头部与脚部的iframe页面到div --%>
function loadHeader(divId,pageUri){
    document.getElementById(divId).innerHTML = '';
}   

<%-- 页面加载时调用--%>
$(function(){
    loadHeader("northNav","header.jsp");
});

个人推荐使用第三种写法