javascript - 在不同的div中显示不同的网页

标签 javascript jquery html css jsp

我正在使用 JSPServlet 开发 Web 应用程序。

我正在尝试寻找 HTML 框架 的替代品。所以我进行了搜索,发现可以使用 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]

最佳答案

您可以像这样使用 jsp include 指令:

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

或者你可以 iframe :

<iframe src="htmlservlet/file.html" />

关于javascript - 在不同的div中显示不同的网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15782227/

相关文章:

jquery - 使图像垂直响应

javascript - Angular 运行 jquery $(document).ready

html - 仅 IE9 字体问题(呈现回退字体)

javascript - JS-JSON解析一有很多

javascript - 将 JQuery 属性设置为 img src 标记中的图像文件夹路径

javascript - jQuery 插件自动附加到 li 元素?

HTML/CSS 段落标签

html - 如何在居中上下文中左对齐文本

javascript - 在 linkWithCredential() 上触发 Firebase Cloud Function

javascript - 带有自定义搜索框的 Google 自定义搜索?