前端小知识:如何在一个html文件中读取另一个html文件

今天分享下”前端小知识:如何在一个html文件中读取另一个html文件“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。 网友们经常在论坛上问，可以在一个html在文件中读取另一个html文件的内容吗？答案是肯定的，方法不止一种，我以前只用iframe引用，后来发现了其他几种方法，然后今天总结这些方法供您参考，我认为第三种方法更好！

在html其他h引入文件tml文件的几种方法

1.IFrame看下面的代码

复制代码代码如下:

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

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

复制代码代码如下:

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

但你会发现还会有点问题，就是背景色不同，你只要在引入的文件import.htm中使用相同的背景色也可以，但如果你使用

的是IE5.5的话，可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加

入scroll=no

*缺点：无法做导航跳转，在iframe里面跳转，内容叠加出现

2.方式

复制代码代码如下:

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

object 标签 — 定义一个内嵌的物件(例如:图像, 媒体, 代码 etc)

• 不符合标准网页设计的理念,已经被标准网页设计抛弃.

3.Behavior的download方式

复制代码代码如下:

<span id=showImport></span>

<IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" />

<script><title= http://www.qlyl1688.com >

function onDownloadDone(downDate){

showImport.innerHTML=downDate

}

oDownload.startDownload('import.htm’,onDownloadDone)

</script>

以上是云南仟龙Mark给大家介绍的所有内容,希望对大家有所帮助，如果大家有任何疑问请在脚本之家留言，如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！