`

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)
分享到:
评论

相关推荐

    include 两种用法的区别

    jsp include 两种用法的区别 主要有两个方面的不同; 1.执行时间上: 2.引入内容的不同:

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

    主要介绍了html 中 #include file 的用法,个人感觉教程还不错,适合初学者,需要的朋友可以参考下

    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; ...

    shtml的include网页页面支持

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

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

    答案是确定的,而且方法不只一种,在以前我只会使用iframe来引用,后来发现了另外的几种方法,那今天就总结这几种方法让大家参考一下,本人觉得第三种方式较好! 在html文件引入其它html文件的几种方法 1.IFrame...

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

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

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

    主要介绍了Apache下开启SSI配置使html支持include包含的方法,需要的朋友可以参考下

    前端开源库-gulp-tag-include

    前端开源库-gulp-tag-includegulp tag include,html页面之间的相互引用

    JSP的include指令的使用方法

    JSP的include指令的使用方法 一 语法 &lt;&#37;@ include file=URL%&gt; 二 代码 1、date.jsp &lt;&#37;@ page language=java import=java.util.* contentType=text/html; charset=utf-8%&gt; &lt;&#37;@ page import...

    使用jsp:include控制动态内容的方法

    本文实例讲述了使用jsp:include控制动态内容的方法。分享给大家供大家参考,具体如下: 清单 1. JSP include 伪指令 &lt;![CDATA[ &lt;&#37;@ page language=java contentType=text/html %&gt; &lt;html&gt; &lt;head&...

    gulp-tag-include-html:是gulp插件,用于包含html

    gulp-tag-include-html 是一个gulp插件,用于包含html。 github的: : 特征 Using the &lt;include&gt; tag that include the HTML fragment in other files; Using the doT.js template engine, rendering include ...

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

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

    include_html_watcher

    该脚本将查看partials文件夹,只要其中一个html发生更改,它就会激活该脚本,该脚本搜索所有include标签,并用正确的partial文件的html替换它们。 该脚本的好处是它会在开发过程中发生。 最终用户不需要任何js调用...

    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;$("#...

    shtml include使用方法

    应用它可以把网站中一些公共区域做成独立的页面,然后利用此技术嵌入到其它需要此区域内容的页面中去。 机制: SSI机制是动态包含,而不是静态生成,是由web服务器比如apache在收到用户的请求时,如果解析到其中有...

    posthtml-include:包括HTML插件

    包括插件安装npm i -D posthtml-include用法const { readFileSync } = require ( 'fs' )const posthtml = require ( 'posthtml' )const include = require ( 'posthtml-include' )const html = readFileSync ( '...

    include.js

    用于将封装的HTML代码块导入当前页面,只需要引入该js文件,即可轻松无缝插入代码块,和在一个页面写代码的效果一样,需要注意的是,因为加载顺序的问题,使用该js文件需要先引入jQuery。

    让Apache支持shtml实现include文件解析的配置方法

    AddType部分去掉这两段注释: AddType text/html .shtml AddOutputFilter INCLUDES .shtml 3. Directory目录权限里面找到 Options Indexes FollowSymLinks 增加Includes修改为: Options Indexes FollowSymLinks ...

Global site tag (gtag.js) - Google Analytics