在html文件引入其它html文件的几种方法
简介:在论坛中常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,而且方法不只一种,在以前我只会使用iframe来引用,后来发现了另外的几种方法,那今天就总结这几种方法让大家参考一下,本人觉得第三种方式较好!
1.IFrame引入,看看下面的代码
[代码] <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="http://www.6to23.com/tech/img/200507/20050725103714_970.htm" ></IFRAME>
你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用
[代码] <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="http://www.6to23.com/tech/img/200507/20050725103714_970.htm" frameborder=0></iframe>
但你会发现还会有点问题,就是背景色不同,你只要在引入的文件http://www.6to23.com/tech/img/200507/20050725103714_970.htm中使用相同的背景色也可以,但如果你使用的是IE5.5的话,可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在http://www.6to23.com/tech/img/200507/20050725103714_970.htm中的body中加入scroll=no
2.<object>方式
[代码] <object style="border:0px" type="text/x-scriptlet" data="http://www.6to23.com/tech/img/200507/20050725103714_970.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('http://www.6to23.com/tech/img/200507/20050725103714_970.htm',onDownloadDone)
</script>
原作者:chenyangasp
作者:chenyangasp
相关文档:
String.prototype.HTMLEncode = function() {
var temp = document.createElement ("div");
(temp.textContent != null) ? (temp.textContent = this) : (temp.innerText = this);
var output = temp.innerHTML;
temp = null;
return output;
}
String.prototype.HTMLDecode = function() {
var temp = doc ......
转自:InfoQ
作者
Abel Avram
译者
张龙
发布于
2010年1月30日 上午12时6分
目前Web Hypertext Application
Technology Working Group
(WHATWG)正与W3C
通
力合作建立HTML 5标准,在过去3个月中 ......
解决HTML内部元素的Mouse事件干扰
解决HTML内部元素的Mouse事件干扰
话说有一个DIV元素,其内部有一个IMG元素和SPAN元素,不用理会这两个内部元素怎么布局,这不是我要讨论的重点。
为了实现一些特殊的效果,我需要利用TD的onmouseover和onmouseout事件,测试时就会发现如下的状况:
当鼠标移入DIV内部时,onmouseov ......
Struts HTML标签
<html:html>标签
属性的作用:
lang: 值为true时,就根据存储在HttpSession中的Locale对象来输出网 页使用的语言。如果不存在session或session中没有Locale对象, 就以Http请求头中的Accept-language属性来设置输出语言。如果 &nbs ......