在网站制作中,往往页头和页脚是相同的,如果每个页面都写一遍,工作量加大,而且难以维护,我就想能不能所有的页面调用同一个页头和页脚,最好不要用iframe框架,因为ifrmae框架兼容性太差,希望大神给出样例代码,谢谢!
4 回答
已采纳

每天都在变得更好的阿飞
TA贡献2条经验 获得超0个赞
这个问题我来回答一下,最近项目改版就是替换网站的头部。
最好将网站的公共样式和js抽取出来,放到一个公共的jsp或者标签里面。
其他页面只需要引用<include>这个jsp或者引入这个标签。
如果以后要进行改造,只需要修改抽取出来的jsp或者标签就ok啦!
代码例子 :
1:在index.jsp 引入标签
<dufy:platTopImport></dufy:platTopImport>
这个标签中的内容:
<link rel="stylesheet" href="${pageContext.request.contextPath }/static/frontpage/common2/css/global.css"> <!--[if IE 8]> <link rel="stylesheet" href="${pageContext.request.contextPath }/static/frontpage/common2/css/ie.css"><![endif]--> <script type="text/javascript" src="${pageContext.request.contextPath }/static/frontpage/common2/js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath }/static/frontpage/common2/js/jquery.lazyload.js"></script> <script src="${pageContext.servletContext.contextPath}/static/frontpage/js/bootstrap.js"></script>
2:在index.jsp 中<%@ include file="" %>
<%@ include file="test/platTop.jsp" %>
这个jsp中的内容
<%@ page pageEncoding="UTF-8"%> <base href="http://${pageContext.request.serverName }:${pageContext.request.serverPort}${pageContext.request.contextPath}/"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <%--css样式的引用方式 --%> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/themes/icon.css"></link> <%-- js 样式的引用方式--%> <script type="text/javascript" src="${pageContext.request.contextPath}/easyui/jquery-2.1.1.js"></script>
希望可以帮助到你!

蝌蚪先生
TA贡献12条经验 获得超25个赞
<body>以上为头,</body>以下为尾。这是最基础的页头页脚。。。
如果body内有公用的头模块,那就 公用模块 结束标记 以上为头。
如果body内有公用的尾模块,那就 公用模块 开始标记 以下为尾。
少年,能否看懂?
--我是来赚积分的。
添加回答
举报
0/150
提交
取消