html文件中include文件内容应该如何使用_随笔

在html文件引入其它html文件的几种方法

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

1.iframe引入，看看下面的代码[代码]你会看到一个外部引入的文件，但会发现有一个类似外框的东西将其包围，可使用[代码]但你会发现还会有点问题，就是背景色不同，你只要在引入的文件import.htm中使用相同的背景色也可以，但如果你使用的是ie5.5的话，可以看看这篇关于透明色的文章

如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加入scroll=no2.

通过div嵌套iframe实现

$(function () {

document.getElementById("ifm").src =""//Url地址

$("#ifm").load(function () {

var h = document.body.clientHeight

var w = document.body.clientWidth

document.getElementById("ifm").height = h + "px"

document.getElementById("ifm").width = w + "px"

})

</script>

</iframe>

</div>

</body>

因为服务器是直接把纯html文档发送给客户端浏览器的（包括其中的include标签），服务器本身不会对它进行任何解析，而浏览器是不识别include命令的，会直接把它当成注释来处理。

asp、jsp就不同了，服务器会先解析运行其中包含的asp或jsp代码（包括include），然后再把生成的html代码发送给客户端浏览器，所以这时候浏览器中看到的就是include解析后的结果。

欢迎分享，转载请注明来源：内存溢出

html文件中include文件内容应该如何使用