Javascript 如何将多个html文件合并到一个页面中?

Javascript 如何将多个html文件合并到一个页面中?,javascript,html,Javascript,Html,我有一个很大的html文件,超过1500行。我想把它分成几个文件并合并。它将更易于维护和可读 比如说 第1页: <h1> Title 1 <h2> <div> my div </div> 第2页: <h1> Title 2 <h2> <div> my div </div> 然后合并并显示: Page.html <h1> Title 1 <h2> <div> my

我有一个很大的html文件,超过1500行。我想把它分成几个文件并合并。它将更易于维护和可读

比如说

第1页:

<h1> Title 1 <h2>
<div> my div </div>
第2页:

<h1> Title 2 <h2>
<div> my div </div>
然后合并并显示:

Page.html

<h1> Title 1 <h2>
<div> my div </div>
<h1> Title 2 <h2>
<div> my div </div>
这样,我就可以更改一个模块并轻松找到它

有没有纯html或JS库? 在.Net中,这将是局部视图。我正在使用引导、选项卡和模式。因此,Iframe不是解决方案。 谢谢


Stéphane.

如果您唯一关心的是压缩文件,并且您使用的是基于UNIX的Linux、iOS系统,那么您可以在shell中键入命令cat*>output.html,并将所有文件放在一个output.html中


如果您计划创建一个网站,其中不仅包括concat HTML文件,还包括缩小、CSS前缀、SASS->CSS转换等其他步骤,您可以使用Grunt或Gulp构建过程。例如,有一个grunt contrib concat插件,可用于您的确切用例。

可能是重复的,您是对的。就这样。我不知道如何表达我的问题。谢谢。你会使用php吗?然后可以包含这个文件。我不想使用服务器端解决方案,因为它只是用于模板。但是,如果这是一个容易实现的解决方案,为什么不呢?这将导致一个无效的html输出文件,其中一个文件依次出现,任何浏览器都会拒绝它。嗨,我的目标不是生产,而是模板化。之后网站将是动态的,并与MVC.Net。例如,将在服务器端生成表。但现在我有了这50行的桌子,需要臀部的线条。所以,是的,我想要的是组织我的代码,而不是我的渲染。