`

3 种include 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>

文章出处:DIY部落(http://www.diybl.com/course/1_web/html/htmlshl/200877/131038.html)
分享到:
评论

相关推荐

    html 中 #include file 的用法示例介绍

    3. 不管使用哪种包含指令,在路径中使用“/”或者“\”作为分隔符都是可以的,服务器会正确地解析路径。 4. 两个站点之间的文件相互调用是不被支持的。但是,在同一个站点内,include和includevirtual的效果是相同的...

    include 两种用法的区别

    ### JSP Include 两种用法的区别 在JSP(JavaServer Pages)开发中,`include`指令被广泛用于将一个JSP页面的内容嵌入到另一个JSP页面中。这种技术可以提高代码的重用性、简化维护过程并有助于实现更灵活的设计。在...

    IIS7 支持html页面包含(include)html页面 IIS设置与代码编写.docx

    在IIS7中,HTML页面的包含功能是通过Server-Side Include (SSI) 模块实现的,允许开发者将一个或多个HTML文件插入到主HTML文档中,以提高网页的可维护性和复用性。本教程将详细解释如何配置IIS7以支持HTML页面的包含...

    jsp的Include方式

    本文将深入探讨JSP的`Include` 方式的概念、类型以及使用方法。 1. **静态Include(&lt;jsp:include&gt;)** 静态Include使用`&lt;jsp:include&gt;` 标签来完成,语法如下: ```jsp &lt;jsp:include page="relativePath" flush=...

    jsp:include与include实探

    在Java Web开发中,`jsp:include`和`&lt;jsp:include&gt;`标签是两种常见的页面包含机制,它们用于将一个或多个动态或者静态资源合并到一个JSP页面中。这两种方式虽然看似相似,但有着本质的区别,理解它们的用法和区别...

    PyPI 官网下载 | mdx_include-1.0.5-py3-none-any.whl

    **PyPI 官网下载 | mdx_include-1.0.5-py3-none-any.whl** 在Python的生态系统中,PyPI(Python Package Index)是官方的第三方库仓库,它为开发者提供了一个集中发布和下载Python软件包的平台。`mdx_include`是一...

    shtml include使用方法

    **SHTML Include 使用方法** SHTML (Server Side Includes) 是一种服务器端的脚本语言,主要用来实现网页的动态包含。这种技术允许开发者将网站中的一些公共部分,如页头、页尾、导航栏或者经常更新的内容,独立为...

    前端开源库-gulp-tag-include

    `gulp-tag-include` 的核心功能是在HTML文件中通过特定的标签(通常为`&lt;tag-include&gt;`)来引入其他HTML片段,这样可以将通用的头部、底部、侧边栏等部分提取出来,作为一个单独的文件,然后在需要的地方进行引用。...

    shtml的include网页页面支持

    因为批量修改起来很不方面, 所以我们总希望能将页脚与页尾include到html文件中来。html属于客户端解析形的格式化语言,自4.0后几乎很难再有大的变动(毕竟很多浏览 器只按4.0标准来解析),所以至今也没include这样的...

    html-include-element:轻松在页面中包含外部HTML

    html-include&gt; 轻松地在页面中包含外部HTML。 总览 &lt;html-include&gt;是一个Web组件,可获取HTML并将其包含到您的页面中。 &lt; html-include src =" ./my-local-file.html " &gt; &lt;/ html-include &gt; ...

    jsp include文件时的一个乱码解决方法.docx

    JSP Include 文件时的一个乱码解决方法 在 JSP 开发中,include 文件是一个常用的技术手段,可以将公共的代码或者组件包含到不同的页面中,以提高代码的复用性和维护性。然而,在使用 JSP include 文件时,经常会...

    JSP的include指令的使用方法

    在本文中,我们通过两个示例页面来详细说明include指令的使用方法。第一个页面是`date.jsp`,它包含了一些Java代码,用于生成当前的日期,并以特定的格式显示出来。 `date.jsp`的内容如下: ```jsp *" contentType...

    include 详析

    JSP是一种服务器端脚本语言,用于创建动态网页,它将HTML、CSS、JavaScript与Java代码结合在一起,允许开发者在服务器上生成动态内容。在JSP页面中,`include`指令是用于在运行时合并两个或多个JSP页面的一种强大...

    JSP基础语法-include指令

    `include`指令主要分为两种类型:静态包含和动态包含。这两种方式虽然都能达到包含的效果,但在实际运行时的行为却有所不同。 ##### 静态包含 静态包含使用`&lt;%@ include file="要包含的文件" %&gt;`语法进行定义。在...

    实验5_使用include完善注册页面结构

    通过本次实验的学习,我们不仅掌握了如何使用`include`来优化页面结构,还了解了如何通过模块化的方法来提高代码的可维护性和扩展性。这对于今后从事Web开发工作具有非常重要的意义。希望每位同学都能通过实践加深...

    Apache下开启SSI配置使html支持include包含的方法

    ### Apache 下开启 SSI 配置使 HTML 支持 Include 包含的方法 #### 一、引言 在 Web 开发过程中,为了提高代码的可维护性和复用性,开发者经常需要将页面的不同部分分离存储在不同的文件中,然后在主页面中引用这些...

    gulp-include-html:html包含和模板

    gulp-include-html gulp插件,用于包含html 您可以使用include来引用公共HTML,同时输入相应的参数来修改模块的内容。 模块语法基于 。 安装 npm install gulp-include-html 用法: var gih = require("gulp-...

    jquery-include:在 html 文件中包含另一个 html 文件的 jQuery 插件

    [removed]$.include("include.inc");[removed] 例子 索引.htm : &lt;html&gt; &lt;head&gt; [removed][removed] [removed][removed] [removed] $(document).ready(function () { alert&#40;$("#...

    在html文件里include文件内容的方法小结

    以下是对几种常见的HTML文件引入方法的详细解释: 1. **IFrame引入** IFrame(Inline Frame)是HTML中一个非常实用的元素,用于在当前文档中嵌入另一个文档。在你的示例中,可以看到如何使用IFrame来引入`import....

Global site tag (gtag.js) - Google Analytics