easyui在页面布局中引入外部的jsp页面,css冲突,功能失效,页面混乱
2017-10-25 11:30
417 查看
easyui在页面布局中引入外部的jsp页面,如header.jsp或left.jsp,避免出现页面混乱有两个方式:
1、两个jsp中不能有页头,除了编码声明外,直接div;
例如:
2、或者布局引入的时候,用ifame作为容器,用iframe引入header.jsp或left.jsp;
例如:
1
2
3
3、第2种方式在ie下可能不兼容,可以动态加载iframe页面,例如:
1、两个jsp中不能有页头,除了编码声明外,直接div;
例如:
<%-- header.jsp --%> <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ include file="" %> <script type="text/javascript"> </script> <style type="text/css" rel="stylesheet"> </style> <div id="headerDiv"></div> <div></div> <%-- index页面引入:--%> <div id="northNav" data-options="region:'north',href:'header.jsp'" style="height:80px;overflow: hidden;"></div>
2、或者布局引入的时候,用ifame作为容器,用iframe引入header.jsp或left.jsp;
例如:
<div id="northNav" data-options="region:'north'" style="height:80px;overflow: hidden;"> <iframe scrolling="no" frameborder="0" src="header.jsp" style="width:100%;height:100%;margin:0px;padding:0px"></iframe> </div>
1
2
3
3、第2种方式在ie下可能不兼容,可以动态加载iframe页面,例如:
<%-- 在index页面中用于加载header-iframe的div--%> <div id="northNav" data-options="region:'north'"></div> <%-- index页面加载时,动态加载头部与脚部的iframe页面到div --%> function loadHeader(divId,pageUri){ document.getElementById(divId).innerHTML = '<iframe scrolling="no" frameborder="0" src="' + pageUri + '" style="width:100%;height:100%;"></iframe>'; } <%-- 页面加载时调用--%> $(function(){ loadHeader("northNav","header.jsp"); });
相关文章推荐
- easyui在页面布局中引入外部的jsp页面,css冲突,功能失效,页面混乱
- 关于easyui通过href引入外部jsp页面js不执行的说明
- jsp 网站引入外部css或者js失效问题解决
- jsp跳转servlet以后转发或重定向以后css和js样式消失。页面布局混乱
- jsp网站引入外部css或者js失效原因分析
- jsp跳转servlet以后转发或重定向以后css和js样式消失。页面布局混乱
- 修改css文件后,jsp页面在IE8中预览部分样式突然失效的原因
- jsp页面引入css时放置的先后顺序导致的差异
- JSP局部刷新,子页面中的EasyUI失效问题解决
- jsp页面引入css文件报错 javax.servlet cannot be resolved to a type
- struts2 Action返回JSP页面CSS和JavaScript失效的解决方法。
- Jsp中引入css等外部文件路径问题
- 引用外部.css或.js文件的路径问题--jsp或html页面引用
- 通过struts.xml配置映射后的jsp引入外部css和js的路径问题及css中图片url路径问题
- jsp页面引入jQuery库之后,js调用失效
- PyCharm中HTML页面CSS class名称自动完成功能失效的问题
- jsp无法引入外部.JS或者.CSS文件的有关问题 (转)
- jsp、css中引入外部资源相对路径问题分析
- jsp页面引入外部js时,页面不显示内容