• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营

    • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    在html文件里include文件内容的方法小结

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

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

    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>方式


    复制代码
    代码如下:

    <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>
    function onDownloadDone(downDate){
    showImport.innerHTML=downDate
    }
    oDownload.startDownload('import.htm’,onDownloadDone)
    </script>

    上一篇：防止用户将表单重复提交的方法汇总
    下一篇：常用HTML meta 标签属性(网站兼容与优化需要)
  • 相关文章
    • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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