`
ootabc
  • 浏览: 109720 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

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

    博客分类:
  • js
阅读更多
在html文件引入其它html文件的几种方法
简介:在论坛中常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,而且方法不只一种,在以前我只会使用iframe来引用,后来发现了另外的几种方法,那今天就总结这几种方法让大家参考一下,本人觉得第三种方式较好!
1.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> 



分享到:
评论

相关推荐

    meta演示 _引入 css 样式文件

    3. 当同时引入外部CSS文件和在HTML文件中定义时,内联样式(即HTML文件中的)具有更高的优先级。 除了标签和CSS样式的引入,文档还提到了其它的HTML元素和技术,如: - 标签的使用:这是用于创建链接的标签,其中...

    html5 + ASP +Ajax 前端免刷新多文件批量上传 免组件

    1. **HTML5 File API**: HTML5引入了File API,允许浏览器直接访问本地文件系统,用户可以选择多个文件,并在客户端进行预览、读取或上传操作,无需借助Flash或其他插件。 2. **ASP (Active Server Pages)**: ASP是...

    用于Html文件解析的jar包

    在这个"用于Html文件解析的jar包"中,可能是Jsoup或者其他类似的解析库,通过引入这个jar包,开发者可以在自己的项目中直接调用相关的类和方法来进行HTML解析。例如,使用Jsoup,你可以: 1. 加载HTML文档: ```...

    clipboard引入JS文件

    1. **本地引入**:将下载的`clipboard.min.js`文件放在你的项目目录下的`js`或`lib`等资源文件夹中,然后在HTML文件中使用`&lt;script&gt;`标签引用它。例如: ```html &lt;script src="js/clipboard.min.js"&gt;&lt;/script&gt; ``` ...

    JS获取文件大小方法小结

    本文将介绍几种JavaScript获取文件大小的方法。 首先,我们来看方法一,使用ActiveX控件。这种方法适用于Internet Explorer浏览器,通过创建`ActiveXObject("Scripting.FileSystemObject")`来访问文件系统对象,...

    OCX控件打包成CAB--cab,html文件

    标题 "OCX控件打包成CAB--cab,html文件" 涉及到的是在IT行业中关于ActiveX控件和 CAB( Cabinet)文件的使用,以及如何将这些控件集成到HTML页面中以供JavaScript调用。ActiveX是微软推出的一种技术,允许在Web...

    html 上显示tif格式的图片

    然而,有几种方法可以在HTML页面上显示TIFF图片,以下将详细介绍这些方法。 1. **转换为其他格式**: 最常见的方式是将TIFF文件转换为更常见的Web友好的格式,如JPEG、PNG或GIF。可以使用图像处理软件(如Adobe ...

    同步异步动态引入js文件的几种方法总结

    直接加载是最简单的方法,就是直接在HTML文件中通过`&lt;script&gt;`标签引入JavaScript文件。这种方法虽然简单,但并不属于动态加载,因为它不能根据条件动态选择不同的文件。 ```html &lt;div id="divId"&gt;&lt;/div&gt; ...

    html文件获取动态数据的demo

    获取动态数据通常涉及以下几种方法: 1. **AJAX (Asynchronous JavaScript and XML)**:通过JavaScript的XMLHttpRequest对象实现异步通信,向服务器发送请求并获取响应,无需刷新整个页面。这允许我们在后台加载...

    pdf.js使用文件流预览pdf

    2. **引入PDF.js库**:在HTML文件中,引入PDF.js库的CSS和JS文件。这些文件通常位于`dist`目录下,例如: ```html &lt;script src="node_modules/pdfjs-dist/build/pdf.js"&gt;&lt;/script&gt; ``` 3. **创建预览容器**:...

    html集成live2D,demo

    1. **引入Live2D库**:首先,你需要在HTML文件中引入Live2D的JavaScript库,通常是通过CDN链接或者本地文件引用。这将使网页能够加载并解析Live2D模型数据。 2. **模型配置**:每个Live2D模型都有一个配置文件...

    Win10解决无法打开*hlp文件,亲自测试有效

    总之,尽管Windows 10默认不再支持.hlp文件,但通过以上介绍的几种方法,用户仍能顺利打开并查看这类文件。无论是从官方获取WinHlp32.exe,还是利用第三方软件,或是转换文件格式,都能有效地解决这个问题。在日常...

    html5+css3 上传文件插件

    在HTML5中,引入了对文件上传的支持,极大地改进了用户与网站交互的方式。"html5+css3 上传文件插件"是利用这两者特性构建的一种组件,用于在网页上实现美观且功能强大的文件上传功能。 HTML5中的File API允许...

    文件图标化展示拖拽上传.zip

    在大多数操作系统和应用程序中,文件图标是一种视觉表示,用来区分不同类型的文件。例如,文本文件通常显示为一个小写字母“a”的图标,而图片文件则可能显示为小缩略图。在资源管理器或文件浏览器中,这种图标化...

    引入JS文件IE6报语法错误或缺少对象问题的解决方法

    解决此类问题的方法有以下几种: 1. **添加charset属性**:在`&lt;script&gt;`标签中添加`charset`属性,指定JS文件的编码,确保与页面编码一致。例如: ```html ...

    Vue如何引入远程JS文件

    Vue项目中引入远程JS文件的方法主要有以下几种: 1. 在Vue加载完DOM之后动态插入`&lt;script&gt;`标签。这是最直接的方法,可以在Vue的生命周期钩子函数`mounted`中执行JavaScript代码来动态创建并插入`&lt;script&gt;`标签。...

    css的作用、3种形式、文件规划、选择器(大全)

    在CSS文件规划方面,有几种常见的策略: 1. 基于原型:根据页面的原型(archetypepage)创建独立的CSS文件,适用于页面布局各异的情况。然而,当出现共享元素时,需要权衡是将共享样式放在主CSS文件中,还是创建新...

    易语言源码在易语言中使用CHM帮助文件的方法.7z

    CHM(Microsoft Compiled HTML Help)文件是微软推出的一种帮助文件格式,它将HTML文档集合、索引和搜索功能整合在一起,常用于软件的帮助系统。在易语言中,我们可以利用CHM文件来创建程序的帮助文档,为用户提供...

    java实现导入文件

    为了实现Java环境下Excel文件的导入功能,我们需要以下几种技术和依赖库的支持: 1. **commons-fileupload**:用于处理HTTP上传请求,特别是文件上传。 - 版本:1.2.1 2. **commons-io**:提供对Java标准I/O库的...

    ajax文件上传示例

    在AJAX文件上传中,主要涉及以下几个关键知识点: 1. HTML5的File API:为了实现AJAX文件上传,我们需要利用HTML5引入的File API。File API允许JavaScript直接访问和操作用户选择的文件,包括读取文件内容、获取...

Global site tag (gtag.js) - Google Analytics