2023年11月25日发(作者：)
这个在做网页中常要用到，有些通用的内容可集中放在一个
页面文件中，其它要用到这些内容的页面只需要包含（引用）
这个通用文件即可。这样便于维护，如果有很多网页，当通
用内容需要修改时，只改一个文件就可以了，不需要每个文
件单独修改。
最典型的应用比如页脚的版权信息等内容可以放在一个叫
做文件里， 然后其他页面文件在页面内容的
最后包含这个文件就可以了，具体例子下面有。
要html文件嵌套，最简单的办法是使用SSI（Server Side
Include)技术，也就是在服务器端两个文件就被合并了。除
了少数免费网页寄存服务外，几乎所有的网页寄存服务器都
支持 SSI。这也是一个比较推荐的方法，它与ASP和
网页使用的语法一模一样。如果网站管理员偏向
使用PHP或JSP的话，语法会稍有不同。
对于不能使用SSI、ASP、、PHP和JSP等服务
器端动态页面语言的情况，这里还将介绍两种客户端镶嵌的
办法：JavaScript和iframe的方法。当这两种客户端的方
法都有很大的弊病，一般不推荐使用。
下面对各种方法单独具体介绍。
1、SSI (Server Side Include)
SSI是一种简单的动态网页制作技术，但是有些服务器要求
网页文件扩展名为.shtml才能识别文件中SSI命令。所以
如果你的SSI命令看起来不工作，先别放弃，试着把文件扩
展名改为.shtml，也许会成功。如果知道自己的服务器是否
支持SSI，请看另一篇文章。
使用SSI一个局限性是页面一定要放在网页服务器上才能
看到效果，在本地是不好调试的。当然，如果非要在本地调
试，就本地装一个Apache服务器好了。
比如你想在每个网页的底部加上同样的版权信息，像
© 2009
程序员实验室版权所有
可以把这行信息放到一个叫做的文件里，
的内容为：
程序员实验室版权所有
这样同一路径下的其他页面文件要包含的SSI
命令是：
（常用）
或者
这两者的几乎是一样的，不同之处在于include virtual后
面取的是一个URL形式的路径，甚至还可以执行一个CGI
程序并包含其输出结果，如果你的服务器支持CGI的话。而
include file后面取的是一个文件系统路径，并且不能执行
CGI程序。两者都可以接受相对路径，所以对上面这个简单
例子，两者的效果是一样的。如果你不知道URL路径与文
件系统路径两者的区别的话，就用include virtual
更多关于SSI的介绍，请看这篇SSI的介绍文章。
2、PHP
如果你的服务器支持PHP的话，用PHP引用
文件的写法如下：
这句命令所在的文件扩展名必须被为.php。
除了引用本服务器上的文件，PHP的include命令还可以用
来引用其它网站上的html文件，比如：
/examples/); ?> 当然你要得到其它网站的允许才能引用别人的文件。 3、ASP和 如果你使用的是老式的ASP，则语法是与上面SSI一样的， 不需要任何修改，只要把命令所在文件的扩展名改为.asp即 可。 对于，也是类似，不同之处在于，因为SSI命令 是在ASP命令运行之前被首先编译，所以文件名中不能够 使用的变量。如果一定要用的话，就用 的命令来做文件嵌套吧。 比如： <% ile ("") %> 更多关于怎样在中实现动态文件嵌套，请参考微 软的这篇文章。 4、JSP （Java Server Page) JSP文件需要在基于Java的服务器上运行，比如Apache Tomcat。JSP包含文件的语法是： <%@ include file="" %> 5、客户端包含 5。1 客户端包含的利弊 客户端包含有两种方式：JavaScript和iframe。让我们先 看看两种方法各有什么利弊。 两种方法中Javascript生成的页面格式比较好，Javascript 可以从一个URL取到页面片断然后镶嵌在另一个页面的任 何位置 。其结果与服务器端包含的结果基本上一样，但弊 端是客户端必须开启Javascript功能（目前大多数人是选 择开启的，但也有少数出于安全方面的考虑不开启）。另一 个弊端是搜索引擎是看不到由Javascript包含的页面的内 容的，这对你的网站推广比较不利。 使用iframe比较简单，它可以强制一个HTML页面镶嵌在 另一个页面中，类似于是用 object控件将Flash电影、录 像、或者MP3播放器嵌入一个页面中。使用iframe，用户 端不需要开启Javascript功能。但不利的方面是iframe有 固定的高度和宽度，不能随着被嵌入页面的大小而改变。当 被嵌入页面大于给定高宽度时，会显示滚动条(当然你也可以 使用 scrolling = "no" 来强制滚动条不显示，但这样页面 内容会显示不完整)，影响页面美观。另外就是搜索引擎可能 不收录iframe引用的页面，不利网站推广。 5。2 使用JavaScript的客户端包含 这个方法主要适用于Firefox浏览器(任何操作系统)、IE5 以上(Windows)、苹果的Safari浏览器(MacOS X），可 以使用一项叫做XMLHTTP 的API技术来通过Javascript 程序读取一个动态读取一个XML文件。这种方法也可以用 来读取一个HTML文件，并放到当前网页文件的指定位置。 专业网站设计者：不要用这个！也许在某些情况下你不得 不用来实现网页嵌套，但是这只是一种转弯抹 JavaScript 角的替代方法。当你的服务器可以支持前面讲的服务器端嵌 套方法时，尤其是专业人士，应尽可能避免使用这种方法， 因为你的客户可能会投诉你做的网页内容无法被搜 Google 索到，或不能在某些浏览器中正常显示。 记住这种方法做的网页只能在Firefox，Safari,和IE5以上 版本的浏览器中正常显示。大部分人都是用这几种浏览器 的，但是不是所有人，而且有些用户因为安全因素考虑会关 闭Javascript功能。 重要提示：如果你是在本地电脑上调试网页而不是在服务器 上浏览，最新版本的ＩＥ浏览器会自动屏蔽动 Javascript 态生成的部分，并显示警告信息，你必须选择允许显示动 ” 态内容网页才能正常显示。当你把这些网页文件放到服务 ” 器上去的时候这个问题就会自动消失的，因为会辨别出 IE 主页和被包含的网页内容都来自同一个服务器。 好了，说了够多了，下面是具体怎么做。把以下代码放在网 页的里面： 有了这段代码我们就可以在网页的任何位置插入另一个页 面了。首先我们要生成一个作为”容器”的HTML控件，比如 ，并给这个”容器”控件一个ID，比如 includefooter，然后把这个ID和要包含的页面的URL地 址传递给前面写的这个js函数clientSideInclude就可以 了。 一个需要注意的地方是函数clientSideInclude只有在页面 被完全加载后才能工作，所以我们需要在标签的 onload事件上来调用这个函数，这是最保险的调用时机， 因为这个事件触发的时候浏览器肯定已经完全解析了页面 中所有HTML了。 所以，具体代码是： 在需要插入另一页面的地方写： 在页面开始处标签里写： language="JavaScript"> 5。3 使用iframe的客户端包含 客户端页面嵌套还可以使用iframe的方法，弊端是必须事 先想好被嵌套的页面在首页中要占多大的位置。如果被嵌套 页面太大，超过事先定义的宽度或高度，则首页会出现滚动 条。这也许正是你所需要的，但也许会完全破坏主页的设计。 iframe的使用很简单，下面的例子会在你的页面中嵌入另 一个叫做的页面： 这里主页中定义了要插入的页面将显示的高度为400的像 素，宽度为450个像素。 我们为什么要在 iframe的里面插入一个普通的超级链接元 iframe，虽然现在已经很少有人还会使用Netscape 4这样 老的浏览器了，但是几乎所有人都会使用象Google这样的 搜索引擎。在iframe里面加上超级链接可以帮助搜索引擎 找到网页的内容。 另外我们可以定义iframe的一些属性来控制网页的显示效 果 ，除了前面用到的最常用宽度(width)和高度(height) 的定义外，如果在任何情况下都不希望出现滚动条的话，可 以定义iframe的scrolling属性等于"no"。如果不希望镶 嵌页面的周围出现边框的话，可以将frameborder属性设 置为0。下面这个例子显示了scrolling和frameborder属 性的使用： 转自： /quyuanjingfu/article/details/5
发布评论