交互设计中心-72色

1.IFrame
框架的形式.
<iframe name="toppage" width=100% height=30 marginwidth=0 marginheight=0 src="top.htm" ></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"是否允许透明
这种不用下载文件，可是透明背景总是不行，而且总是不能顶格对齐。郁闷。


2.<object>
<object type="text/x-scriptlet" data="top.htm" width=100% height=30></object>
或
<object id=editBox data="http://evil.2ec.cn/" width="100%" height=500 type=text/x-scriptlet>


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(＇top.htm＇,onDownloadDone)
</script>
如果头和尾都用这个办法，那需要把ID改改。
<!--显示页面头-->
<span id=showImport1></span>
<IE:Download ID="oDownload1" STYLE="behavior:url(#default#download)" />
<script>
function onDownloadDone(downDate){
showImport1.innerHTML=downDate
}
oDownload1.startDownload('top.htm',onDownloadDone)
</script>
<!--页面头显示结束-->
<!--显示页面尾-->
<span id=showImport2></span>
<IE:Download ID="oDownload2" STYLE="behavior:url(#default#download)" />
<script>
function onDownloadDone(downDate){
showImport2.innerHTML=downDate
}
oDownload2.startDownload('bottom.htm',onDownloadDone)
</script>

<!--页面尾显示结束-->

这种显示的最好，可是需要下载文件，IE浏览器通常会自动拦截，如果不手动允许下载，那么包含的外部文件就不会显示。

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