html页面加载过程,html模块化开发

　　对于一个网站来说，很多页面之间有很多共享模块，比如页眉、页脚和用户栏。对于有后端视图引擎的框架，这些份额很容易提取。比如ASP.NET MVC有统一布局的MasterPage、@Section等功能，可以共享视图模板功能。然而html就没那么幸运了。HTML文件没有这些功能，所以用纯HTML页面写应用网站，估计你也要面对这些重复性的工作。虽然可以通过嵌套IFrame来实现，但是这种实现并不理想，也不友好。

　　实际场分析

　　最近，基于自己的框架实现了一个网站。因为框架没有后端视图引擎，所以发生了这种麻烦.我们先来看看实际情况。

　　以上两个HTML页面除了核心部分是唯一的，其他数据块都是一样的。如果没有后端视图引擎，你会怎么做？首先，每个修改都应该与其他页面同步。后来发现这种做法肯定会把自己逼死。经过一段时间的思考，我想出了一个解决办法。

　　公共模板定义

　　经过思考，我发现可以将公共模板提取到一个HTML文件中(文件名暂定名为PublicModule.html)，如下：

　　模板templates id= header div class= navbar-header button class= navbar-toggle collapsed type= button data-toggle= collapse data-target=。navb ar-collapse span class= Sr-only 切换导航/span span class= icon-bar /span span class= icon-bar /span span class= icon-bar /span/button a class= navbar-brand href=/。Net库/a/div div class= navbar-collapse collapse role= navigation div style= margin-top:15px；左边距：120px位置：绝对；span style= color:white；padding-top:20px；

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。