建站知识

Site of knowledge

HTML包含文件include文件包含

2014/3/11

在论坛中常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,而且方法不只一种,在以前我只会使用iframe来引用,后来发现了另外的几种方法,那今天就总结这几种方法让大家参考一下,本人觉得第三种方式较好! 

iframe也称作嵌入式框架,嵌入式框架和框架网页类似,它可以把一个网页的框架和内容嵌入在现有的网页中。它与<frame>不同的是,iframe可以嵌在网页中的任意部分。


属性:      name="..."定义的名字
         scr="..."定义显示的内容的来源
         frameborder="..."定义边界(0或1)
         margwidth="..."设置边界和其中内容之间的宽间距
         margheight="..."设置边界和其中内容之间的高间距
         align="..."控制对齐方式(left, center, right, justify)
         noresize="..."使帧的尺寸不能变
         scrolling="..."设置滚动条的表示方式(auto, yes, no)
         height="..."高度
         width="..."宽度

allowtransparency="true"是否允许透明

asp,jsp 都可以用<include >标签,
但.htm语言里不行?

test3.htm内容:
<!-- #include file="test2.htm" -->
 


        1.IFrame引入,看看下面的代码

        <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>


        你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用:

         <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="import.htm" frameborder=0></iframe>


        但你会发现还会有点问题,就是背景色不同,你只要在引入的文件import.htm中使用相同的背景色也可以,但如果你使用的是IE5.5的话,可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加入scroll=no


        2.<object>方式

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


        3.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>


JSP <%@ include file="xxx.jsp" %>
ASP <!-- #include file="xxx.asp" -->
PHP <? include ("xxx.php"); ?>

在HTML中包含一个HTML网页也用不上Javascript呀,用IFRMAE就可以啦.
例如test3.htm内容要包括test2.htm内容.
在test3.htm加入下列内容:
<IFRAME height=100 width=200 src= "test2.htm"></IFRAME> 
用表格定位就OK啦,这样就更新网页就方便些啦.

IFRAME属性参考: 
-------------------------------------------
name:内嵌帧名称
width:内嵌帧宽度(可用像素值或百分比)
height:内嵌帧高度(可用像素值或百分比)
frameborder:内嵌帧边框
marginwidth:帧内文本的左右页边距
marginheight:帧内文本的上下页边距
scrolling:是否出现滚动条(“auto”为自动,“yes”为显示,“no”为不显示)
src:内嵌入文件的地址
style:内嵌文档的样式(如设置文档背景等)
allowtransparency:是否允许透明