在html中include一个文件内容的几种方法
在html文件引入其它html文件的几种方法
简介:在论坛中常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,而且方法不只一种,在以前我只会使用iframe来引用,后来发现了另外的几种方法,那今天就总结这几种方法让大家参考一下,本人觉得第三种方式较好!
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>
IE 永远未老,DHTML行为独好
本文将介绍 IE 浏览器的一个重要新功能:DHTML 行为,它是 IE 5.x 版本中免费提供的功能。DHTML 行为可以为动态 HTML 元素创建自包含的格式定义。在 Internet Explorer 4.0 里,如果使用两个行为相似的元素,除了分别定义它们以外,你别无其他的选择方法。5.x 版本允许通过一个叫作 Behavior 的格式设计、定义多个元素,Behavior 在面向对象语言的方面给 javascript 带来了一系列概念,例如隐藏细节、封装、代码复用和过程化接口。
我们将通过一个“显示一个不停闪动的转动足球”的例子解释 Behavior。我们先不通过 Behavior 实现它,然后演示如何通过 Behavior 实现同样的任务。最后将强调这样做的优点。
这里是 Behavior scriptlet 和 HTML 页面 的代码清单。
相关文档:
<! - - ... - -> 註解
<!> 跑馬燈
<marquee>...</marquee>普通捲動
<marquee behavior=slide>...</marquee>滑動
<marquee behavior=scroll>...</marquee>預設捲動
......
jsp(java server pages)是一种技术,用来处理客户端请求的,(目的是为了达到动态网页的效果),处理后传给客户端(也可以说给了浏览器),就成了我们看到的静态网页(HTML)
HTML 加入Java代码(比如<%...%>)不会又任何效果,只会讲<%...%>显示到页面行,或者根据位置影响编译. JSP(Java Server Page)页面其实就是 ......
dp.SyntaxHighlighter
dp.SyntaxHighlighter,这东西yahoo都在用它,支持多种语言。
只需要将代码放到<textarea>标签内,它就可以自动根据class指定的语言来对textarea内容进行着色,还提供了行号、打印等功能。如:
Xml代码
<TEXTAREA class=java name=code><br/> // code here ......
HTML中Select不用Disabled实现ReadOnly的另类实现.
<select onbeforeactivate="return false" onfocus="this.blur()" onmouseover="this.setCapture()" onmouseout="this.releaseCapture()">
<option>1</option>
</select> ......