html包含html文件的方法

html包含html文件的方法
前段时间在做一些招投标原型的时候遇到这样的一个需求：需要将一些表单做成标签页的方式来显示，进一步地想将标签页里面的每个页面的内容做为一个独立的html页面，以方便重用和维护，所以这里就出现了html包含html文件的处理。下面是几种处理方式：
1. IFrame
这个可能是大家最熟悉的.
<IFRAME NAME="neepage" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>
加上它的一些属性可以实现一些透明,无滚动条等具体的效果.大家可以html教程的相关介绍

2.Frameset

这就是大家熟悉的框架了
没什么好说的.看看html教程就行
其实前面这两种都还是基本上可以满足我们使用的，但是我们设想一下假如将要被包含的那个html页面过大，如高度可能是很高。那么这样包含进来就会有一个问题，用户得拖动Frame的上下滚动轴。这样当然不太适合我们做原型了。
3.<object>

<object type="text/x-scriptlet" data="import.htm" width=100% height=30></object>

这种方式可以手动设置高度看起来好像还不错，但我们设想我本来就不知道将在被包含的那个html文件有多高是这个就麻烦了，有可能设得太大给页面留出很大的空闲地方，给人感觉也不太好。设得太小吧又怕显示不完将要被包含页面内容，那更不可以接受了。

4.Behavior的download方式

<span id=showImport></span>
<IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" />
<script>
function onDownloadDone(downDate){
showImport.innerHTML=downDate
}
oDownload.startDownload(＇import.htm＇,onDownloadDone)
</script>

个人感觉这个方式还不错，页面可以自己根据实际被包含的文件的大小来做，又不用拖滚动条。
5.<script>

就是把相关的html文件转化为js文件.再在调用的时候用
<script src="import.js"></script>
这个方法有点要注意的假如你是用来包含像头部,导航这些的话,建议不要用这个.不利于搜索引擎的搜集




李小强  leaderbird  2007-12-19