如何在我的 HTML 文件中导入 HTML 文件?

发布于 2024-11-30 07:48:18 字数 199 浏览 2 评论 0原文

如何在我的 HTML 文件中导入 HTML 文件?我将分别准备 header.html 和 footer.html 文件,并且我想要包含它们的每个文件都希望将它们导入到我的 HTML 文件中。

编辑: 我看到了基于 SSI 技术的解决方案。我使用 Ubuntu 和 Tomcat 7.0.11。如何在 tomcat 上启用 SSI?

How can I import an HTML file within my HTML file? I will prepare header.html and footer.html files separately and every file that I want to include them I want to import them into my HTML file.,

EDIT: I see that solution based on SSI technique. I use Ubuntu and Tomcat 7.0.11. How can I enable SSI at tomcat?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

探春 2024-12-07 07:48:18

这个问题有很多解决方案。您可以编写简单的 JavaScript 代码来在加载时包含页面的某些部分,您可以在您的服务器上启用 SSI Web 服务器,最后您可以使用任何服务器端语言动态包含任何页面的块以进行输出。您的选择取决于您网站的动态程度。

There are many solutions to this problem. You can write simple JavaScript code to include parts of your page on load, you can enable SSI on your web-server, and finally you can use any server-side language to dynamically include chunks of any page for output. Your choice depends on how dynamic your web-site is.

谜兔 2024-12-07 07:48:18

您可以使用框架或 iframe 包含 html 文件。如果您使用的是服务器端语言(例如 PHP 或 ASP),则可以使用 includes 在没有框架的情况下完成此操作。

You can include html files using frames or iframes. If you're using a server side language such as PHP or ASP you can do this without frames using includes.

樱桃奶球 2024-12-07 07:48:18

如果您想严格使用 HTML(并且假设您也使用 JS),我会执行以下操作:

您可以使用

作为标题,我将其称为 < div id="标题">
使用 jQuery,我们可以这样说:$('#header').load(---html file---);。除了在所有页面中包含 JS 文件可能会带来的痛苦之外,它还允许您在整个应用程序中全局更改标头。

If you wanted to strictly use HTML (and assuming you are using JS too) I would do the following:

You could have a <div> for the header, I will call it <div id="header">.
Using jQuery we could say something like: $('#header').load(---html file---);. Aside from the pain it might be to include the JS file in all pages, it will allow you to make changes to the header globally throughout your application.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文