用html如何把页面分割成多个文件，由多个文件拼接而成？

更新时间：2014-11-10  作者：久久经验网  来源：久久经验网  所属分类：Web前端

摘要：静态html分割页面，达到类似php等动态页面的include引入页面效果

用html把首页分成三个文件

通过load()方法拼接html页面

在PHP、JSP等动态页面开发中，页面里引入其它页面只需include()进来就可以实现页面的分离。

如果用HTML，可以实现页面的分割吗？答案是肯定的！

两种方法：

一、通过iframe嵌套页面

这个方法不介绍啦，用的很普遍

二、通过AJAX方法load载入页面

通过jQuery的load()方法载入页面

假设有四个页面：index.html、page1.html、page2.html、page3.html，其中首页index.html页面由page1、page2、page3.html的三个页面拼接而成。

index.html页面的主要代码(含js)：