0

我正在使用JSP & Servlets开发一个 Web 应用程序。

我正在尝试寻找HTML Frames的替代品。所以我进行了搜索，发现可以使用CSS来完成。

所以我有一个CSS将屏幕分为三个部分：

  1. 标题
  2. 内容
  3. 页脚

HTML 代码

<body>
    <div id="content-wrapper">
        <div id="content">
        content here
    </div>
    </div>
    <div id="header-wrapper">
        <div id="header">
        Header here
        </div>
    </div>
    <div id="footer-wrapper">
        <div id="footer">
        Footer here
        </div>
    </div>
</body>

所以现在我想在每个div标签中显示不同的页面。我这样做的目的是将代码menu's放在单个HTML文件中，然后将该文件在所有其他网页中显示为Header. 那么有没有办法做到这一点？

[注意：这是我到目前为止搜索后发现的一种方法，所以请告诉我是否有更好的选择可以替代Frames]

4

6 回答 6

2

您可以像这样使用 jsp 包含指令：

<jsp:include page="include.jsp" />

或者你可以 iframe ：

<iframe src="htmlservlet/file.html" />
于 2013-04-03T08:35:11.690 回答
1

您可以使用 JSP 包含指令：

<%@ include file="some_file.jsp"%>

允许您构建视图的可重用部分，这些部分可以包含在许多页面中。

简单的甲骨文教程

于 2013-04-03T08:29:00.093 回答
1

我正在使用 apache Tiles 进行页面布局：http ://tiles.apache.org/

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<div id="header-wrapper">
    <tiles:insertAttribute name="header" />
</div>
<div id="content-wrapper">
    <tiles:insertAttribute name="content" />
</div>
<div id="footer-wrapper">
    <tiles:insertAttribute name="footer" />
</div>

和配置

<definition name="myapp.homepage" template="/layouts/mylayout.jsp">
  <put-attribute name="header" value="/tiles/header.jsp" />
  <put-attribute name="content" value="/tiles/content.jsp" />
  <put-attribute name="footer" value="/tiles/footer.jsp" />
</definition>
于 2013-04-03T08:52:20.913 回答
0

当我单击菜单项时，您可以使用隐藏的 div 或 Jquery 在您网站的内容区域中显示不同的内容，有点像书签选项，但带有隐藏信息..

这样，在单击链接并交换内容之前，公众不会看到它。除了样式和主要 jquery 代码之外，所有代码都可以在一个 HTML 页面上。

于 2013-04-03T08:26:04.510 回答
0 
head:
<style>
#head
{
position:absolute;
top:0px;
width:100%;
height:200px;
}
</style>
<div id='head'>
</div>


footer:
<style>
#footer
{
position:fixed;
bottom:0px;
width:100%;
}
</style>
<div id='footer'>
</div>
now add them where ever you want in between them write content
于 2013-04-03T08:28:57.220 回答
0

我想你正在寻找这个：

<%@ include file="header.jsp" %>

在 jsp servlet 中，这是要使用的。

例子：

 <div id="content-wrapper">
    <%@ include file="content.jsp" %>
</div>
<div id="header-wrapper">
    <%@ include file="header.jsp" %>
</div>
<div id="footer-wrapper">
    <%@ include file="footer.jsp" %>
</div>

在这里阅读更多...

于 2013-04-03T08:29:31.220 回答