网页中包含其他页面的几种方法

Standard

在老师的介绍下,到企业实习,主要是为了熟悉和学习学校没有的东西,这里非常感谢亲爱的老师;公司新项目开始,虽然是实习的,但是也要参与到里面,第一个接到的任务就是做原型,以前不知道做原型是干嘛,现在才知道,原来做原型就是根据需要,分析业务中可能牵涉的东西,做个静态界面,把涉及的都包含在里面,由于不是真的做项目,简单的静态界面,想用页面包含页面,以实现代码的复用,所以才有了下面的内容。

动态脚本语言对于包含其他页面都是十分简单的事情,但是在html静态页面中引用外部页面则没那么方便,主要方法有:

1.iframe
这个可能是大家最熟悉的.
[code lang=”html”]
<iframe name="my_frame" width="100%" height="100" marginwidth="0" marginheight="0" src="import.html" ></iframe>
[/code]
加上它的一些属性可以实现一些透明,无滚动条等具体的效果.大家可以html教程的相关介绍

2.frameset

这就是大家熟悉的框架了
看看html教程就行

3.<object>

这个方法是网上说的,没去实验,具体使用如下
[code lang=”html”]
<object type="text/x-scriptlet" data="import.htm" width="100%" height="30"></object>
[/code]

4.Behavior的download方式

以前没见过这种方法,很多人说效果不错,不过我不喜欢
[code lang=”html”]
<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>
[/code]

5.<script>

就是把相关的html文件转化为js文件.再在调用的时候用
[code lang=”js”]
<script src="import.js"></script>
[/code]
这个方法有点要注意的
假如你是用来包含象头部,导航这些的话,建议不要用这个.不利于搜索引擎的搜集,很明显嘛,js文件搜索引擎忽略,不解释。

以上几种方法我们用的较多的其实是frameset和iframe,但是实际应用中,我们还是会倾向于使用动态脚本的包含,而不是用这些,毕竟这只是在万不得已的情况,只有静态包含静态采用,小小的收集整理了一下,希望有帮助。