静态Include和动态Include测试并总结

v主要代码

vhjzgg.css

.center-div{
    width:auto;
    margin-left: 40%;
    margin-right: 40%;
    display: block;
    position: absolute;
    top:0px;
    left:0px;
}

.text-div{
    margin-top: 80px;
}

.hjzgg-div{
    color:transparent;
    font-size:20px;
    font-weight: bold;
    letter-spacing:2px;
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-name: hjzgg-move;
    float:left;
}

.hjzgg-div-delay-1{
    -webkit-animation-delay: 1s;
}

.hjzgg-div-delay-2{
    -webkit-animation-delay: 2s;
}

.hjzgg-div-delay-3{
    -webkit-animation-delay: 3s;
}

.hjzgg-div-delay-4{
    -webkit-animation-delay: 4s;
}

.hjzgg-div-delay-5{
    -webkit-animation-delay: 5s;
}

.hjzgg-div-delay-6{
    -webkit-animation-delay: 6s;
}

@-webkit-keyframes hjzgg-move{
    from{
        margin-top: -35px;
    }

    to{
        margin-top: 10px;
        color:#000000;
        text-shadow: 2px 2px 3px #222222;
    }
}

 

vcssTestOne.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>页面包含</title>
<link rel="stylesheet" type="text/css" href="css/hjzgg.css" />
<script>
    var x = "hjzgg_one";
</script>
<style type="text/css">
    .my-p{
        color:red;
        font-size:40px;
        text-shadow: 2px 2px 3px #222222;
        text-align: center;
    }
</style>
</head>
<%
    String x = "hjzgg_one";
%>
<body>
    <div class="center-div">
        <div class="hjzgg-div">CSS</div>
        <div class="hjzgg-div hjzgg-div-delay-1">样</div>
        <div class="hjzgg-div hjzgg-div-delay-2">式</div>
        <div class="hjzgg-div hjzgg-div-delay-3">覆</div>
        <div class="hjzgg-div hjzgg-div-delay-4">盖</div>
        <div class="hjzgg-div hjzgg-div-delay-5">测</div>
        <div class="hjzgg-div hjzgg-div-delay-6">试</div>
    </div>

    <div class="text-div">
        <p class="my-p">大家好，我是HJZGG</p>
    </div>
    <%@include file="cssTestTwo.jsp" %>

    <%-- 测试css样式覆盖
        <jsp:include page="cssTestTwo.jsp" flush="true"/>
        <iframe src="cssTestTwo.jsp" style="width:100%;"></iframe>
    --%>

    <script>
        alert("<%=x%>");
    </script>
</body>
</html>

 

效果图:

vcssTestTwo.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>页面包含</title>
<script>
    var x = "hjzgg_two";
</script>
<style type="text/css">
    /* .my-p{
        color:green;
        font-size:20px;
        text-align: center;
    } */
</style>
</head>
<%//测试java同名变量
    //String x = "hjzgg_one";
%>
<body>
    <div class="text-div">
        <p class="my-p">大家好，我是HJZGG</p>
    </div>
    <script>
        alert("<%=request.getParameter("hjzgg")%>");
    </script>
</body>
</html>

 

效果图：

　　

vcss覆盖测试：

　　执行cssTestOne.jsp中的<%@include file="cssTestTwo.jsp" %> 或者 <jsp:include page="cssTestTwo.jsp" flush="true"/>，由于cssTestOne.jsp和cssTestTwo.jsp中都定义了.my-p的样式，被包含进来的页面中定义的样式会覆盖主页面的样式。
如果不想造成样式的混乱，最好还是将每个页面的样式区分开来。或者通过执行<iframe src="cssTestTwo.jsp" style="width:100%;"></iframe>，不会导致页面的样式的覆盖。

 

vjs中同名变量问题：

　　首先在两个文件<head></head>之间加入同名js变量x，例如：分别加入<script>var x = "hjzgg_one";</script>和<script>var x = "hjzgg_tow";</script>, 然后在主页面中进行如下操作：include前调用js的alert(x) 以及 include调用后的alert(x)。

　　发现是可以允许有同名的js变量的，无论是<jsp:include page="cssTestTwo.jsp" flush="true"/>，还是<%@include file="cssTestTwo.jsp" %>。如果在include之前访问同名变量，则访问的主页面的变量，否则访问的被包含页面的变量。

 

vjava同名变量问题：

　　首先在两个文件<head>和<body>之间加入同名java变量x，例如：分别加入<%String x = "hjzgg_one";%>和<%String x = "hjzgg_two";%>，然后分别调用<jsp:include page="cssTestTwo.jsp" flush="true"/>和<%@include file="cssTestTwo.jsp" %>。然后在include之后执行alert("<%=x%>");

　　发现在加入<%@include file="cssTestTwo.jsp" %>（静态包含），编译器就已经通知有“变量重名的错误”。而通过<jsp:include page="cssTestTwo.jsp" flush="true"/>（动态包含）不仅不会，而且正常运行。

　　分析一下：<%@include file="cssTestTwo.jsp" %>引入静态文本,在JSP页面被转化成servlet之前和它融和到一起.先包含，后编译，不会检查所含文件的变化，适用于包含静态页面，可以理解为纯粹是把代码写在外面的一种共享方法,所有的变量都是可以和include它的主文件共享, 两者高度紧密结合,不能有变量同名的冲突。而页面设置也可以借用主文件的。 <jsp:include page="cssTestTwo.jsp" flush="true"/>引入执行页面或servlet所生成的应答文本. 被包含的文件先编译，后包含进来，然后显示。

　　为了验证上面的分析，首先找到这样的一个目录（即Tomcat jsp生成的java文件位置），先找到你的eclipse workspace，然后会有子目录：.metadata\.plugins\org.eclipse.wst.server.core\tmp0\work\Catalina\localhost，在这个目录里会看见你的项目目录，例如我的项目目录名是“cssTest”，然后一路的找下去，最终有一个名称为"jsp"的目录(最终目录：F:\eclipseEE_workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\work\Catalina\localhost\cssTest\org\apache\jsp)，这里就是存放jsp转成servlet(java文件)的地方。

 

v测试1

　　　将之前添加的各种变量语句统统去掉， include语句也去掉， 并将刚才找到的目录的文件删除，接着在浏览器中访问cssTestOne.jsp这个页面。目录里多了两个文件，如下图所示：

 

　　

v测试2

　　　再将目录中的文件删除，并在主页面中加入<%@include file="cssTestTwo.jsp" %>，接着在浏览器中访问cssTestOne.jsp这个页面。目录中的内容如下图所示，注意，对应文件的大小发生了变化。

 

v测试3

　　　再将目录中的文件删除，删除<%@include file="cssTestTwo.jsp" %>，并在主页面中加入<jsp:include page="cssTestTwo.jsp" flush="true"/>，接着在浏览器中访问cssTestOne.jsp这个页面。目录中的内容如下图所示，注意，目录中多了被包含jsp的.class文件和.java文件。

 

v总结：

　　1.动态include和静态include都和include它的页面的request范围是一致。而<iframe>范围不一致。

　　2.动态include和静态include都允许有同名的js变量

　　3.动态include中允许有java的同名变量，而静态include中不允许有java的同名变量。

v动态INCLUDE

　　说明：它总是会检查所含文件中的变化，适合用于包含动态页面，并且可以带参数，先编译之后再进行处理。 

原因：1、静态include的结果是把其他jsp引入当前jsp,两者合为一体。 

2、静态include纯粹是把代码写在外面的一种共享方法,所有的变量都是可以和include它的主文件共享,两者高度紧密结合,不能有变量同名的冲突.而页面设置也可以借用主文件的.

v静态INCLUDE

　　说明：用include伪码实现,定不会检查所含文件的变化，适用于包含静态页面，直接将内容先包含后处理。 

原因：1、动态include的结构是两者独立,直到输出时才合并。 

2、动态include的jsp文件独立性很强,是一个单独的jsp文件,需要使用的对象,页面设置,都必须有自己创建,当然,还好它和include它的页面的request范围是一致的。 

 

v测试项目地址

　　https://github.com/hjzgg/jspIncludeTest （最好自己亲手试一下，别怪我误导了你哦！）

时间： 2024-04-20 12:49:46

静态Include和动态Include测试并总结的相关文章

asp如何动态include文件

必须存在该文件并且会预先编译(不管前面是否加以条件) 经常有这样的要求,根据不同的需求要求include不同的文件 如各个人的不同设置,所以要求能动态include文件. 代码如下:   <%   Function include(filename)       Dim re,content,fso,f,aspStart,aspEnd       set fso=CreateObject("Scripting.FileSystemObject")       set f=fso.

jsp中include指令静态导入和动态导入的区别详解_JSP编程

1.什么是静态导入? 静态导入指的是,将一个外部文件嵌入到当前JSP文件中,同时解析这个页面的JSP语句,它会把目标页面的其他编译指令也包含进来.include的静态导入指令使用语法: 复制代码 代码如下: <%@include file="relativeURLSpec"%> 静态导入使用范例include1.jsp: 复制代码 代码如下: <%@ page contentType="text/html; charset=utf-8" langu

【最近面试遇到的一些问题】JSP中动态INCLUDE与静态INCLUDE的区别

动态INCLUDE在使用的时候,会先解析所要包含的页面(你例子中的included.jsp),解析后在和主页面放到一起显示: 静态INCLUDE在使用的时候,不会解析所要包含的页面(你例子中的included.htm),也就是说,不管你的included.htm中有什么,我的任务就是把你包含并显示,其他的一概不管 jsp:include是先编译一下included.jsp文件,然后再包含 先编译,后包含 @ include是先把文件包含就来,然后统一编译 先包含,后编译

JSP下动态INCLUDE与静态INCLUDE的区别分析_JSP编程

动态INCLUDE     用jsp:include动作实现 <jsp:include page="included.jsp" flush="true" />它总是会检查所含文件中的变化,适合用于包含动态页面,并且可以带参数. 静态INCLUDE    用include伪码实现,定不会检查所含文件的变化,适用于包含静态页面<%@ include file="included.htm" %>  ===============

jsp动态include与静态include区别

答:动态INCLUDE用jsp:include动作实现 <jsp:include page="included.jsp" flush="true" />它总是会检查所含文件中的变化,适合用于包含动态页面,并且可以带参数  <%@ include file="included.htm" %> 静态INCLUDE用include伪码实现,定不会检查所含文件的变化,适用于包含静态页面 1. 静态include的结果是把其他jsp

JSP中动态include与静态include的区别介绍_JSP编程

动态INCLUDE 用法:<jsp:include page="included.jsp" flush="true" /> 说明:它总是会检查所含文件中的变化,适合用于包含动态页面,并且可以带参数,先编译之后再进行处理. 原因:1.静态include的结果是把其他jsp引入当前jsp,两者合为一体. 2.静态include纯粹是把代码写在外面的一种共享方法,所有的变量都是可以和include它的主文件共享,两者高度紧密结合,不能有变量同名的冲突.而页面设

JSP 最佳实践：用 jsp:include 控制动态内容

include|js|动态|控制 本文是 Java"知情人士"Brett McLaughlin 继第一篇 JSP 最佳实践文章后的后续文章,在文中,作者向您演示了如何扩展 JSP 技术中用于动态内容的包含功能.了解静态 include 伪指令和动态 jsp:include 元素之间的差异,搞清楚如何混合搭配这二者以获取最优性能.在新的 JSP 最佳实践系列的前一篇文章中,您了解了如何使用 JSP include 伪指令将诸如页眉.页脚和导航组件之类的静态内容包含到 Web 页面中.和服

使用jsp:include控制动态内容的方法_JSP编程

本文实例讲述了使用jsp:include控制动态内容的方法.分享给大家供大家参考,具体如下: 清单 1. JSP include 伪指令 <![CDATA[ <%@ page language="java" contentType="text/html" %> <html> <head> <title>newInstance.com</title> <meta http-equiv="

php动态Include文件 (Dynamic File Includes)源代码

动态|源代码|include 相信很多ASP开发者都会抱怨ASP的Include方式太老土了,以的方式加载文件实在是太不舒服了,在实际项目中不管我是不是一开始就要用到这个文件,我总得早早的把它Include进来...这方面PHP就舒服很多...什么时候用,什么时候In... 早在03年就在蓝色理想上看到过动态Include的文章,当时已经觉得很厉害,但实际应用了一下,不方便而且Include的效果不好. 后来又在一网站上看到了改进版的,但是也不太好用~~~ 哎,当时我真是觉得有点想放弃ASP了,