创建底部头文件和顶部头文件
在浏览器中,很多网页包含有固定不变的顶部栏和底部栏。拿英雄联盟官网来说,打开官网中的每一个页面,都会有如下的顶部栏和底部栏。
这个的实现肯定不是每个HTML页面都加一个,这样代码过于重复,那就直接写个HTML文件,来重复调用就好。
在JavaEE中是写成JSP文件。
分别写两个顶部栏和底部栏的jsp文件。可以命名为header.jsp footer.jsp
写好之后在想要调用的网页里面用如下代码调用:
<!-- 指令标签 包含头部文件 静态包含 -->
<%@include file="header.jsp" %>
<!--动作元素 包含底部文件 动态包含-->
<jsp:include page="footer.jsp"></jsp:include>
然后在两个标签中间加入其它HTML语句或者小脚本即可。
静态包含和动态包含
静态包含和动态包含的区别
1、语句不同
静态包含:`<%@include file="header.jsp" %>`
动态包含:`<jsp:include page="footer.jsp"></jsp:include>`
2、包含的时机不同
静态:在翻译的时候 jsp->java 直接将jsp中的语句全部拿到了java中
动态:在运行class文件的时候才拿jsp中的语句
3、 被包含的文件是否需要翻译、编译
静态包含不需要
动态包含需要
4、是否允许存在同名的变量
静态包含:不允许
动态包含:允许