转自 http://fqmly520.iteye.com/
在网页中引入其它html页面的几种方法
关键字: 在网页中引入其它html页面的几种方法
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>
分享到:
相关推荐
`<iframe>`允许我们在一个HTML文档中嵌入另一个HTML文档,从而实现页面的组合。例如: ```html 子页面.html" width="100%" height="500"></iframe> ``` 在这个例子中,`src`属性指定了要嵌入的子页面的URL,`width`...
在本项目中,我们主要探讨如何在HTML页面中引入Vue3框架和Element Plus UI库,以便构建一个功能丰富的前端应用。Vue3是Vue.js的最新版本,提供了许多性能优化和新特性,而Element Plus则是一个基于Vue3的高质量UI...
一个页面引入另一个页面的方法主要有两种:使用指令和使用动作标签。 指令通常使用的是include指令,它的作用是在JSP页面被转换成Servlet时,将另一个文件的内容插入到当前页面中。include指令的语法如下: ```jsp...
描述中提到的"卖鲜花的网站的html页面,只有html和js但是很完整,拿下来就能用",表明这个项目是一个功能齐全的静态网页,用于展示和销售鲜花。它没有依赖后端服务器,仅通过HTML来组织页面结构,JavaScript处理交互...
"同一父页面的一个子页面刷新另一个子页面"这个话题聚焦于如何在不重新加载整个父页面的情况下,仅刷新其中一个`iframe`内的子页面。这种技术在提升用户体验、节省网络资源等方面具有显著优势,尤其是在需要动态更新...
这样,Element UI的基本样式和功能就引入到你的HTML页面中了。 为了使Vue.js与Element UI更好地结合,你需要在Vue实例中注册Element UI。在你的主Vue文件(通常为`main.js`)中添加以下代码: ```javascript ...
在这个场景中,我们讨论的是如何在一个JSP页面上根据特定条件动态地加载另一个JSP页面,这个新加载的页面通常会显示从数据库(例如Oracle)中检索到的数据。这通常涉及到前端技术如jQuery和Ajax,以及服务器端的处理...
在“单文件HTML本地引入ElementUI”的场景下,我们需要在不使用构建工具(如Webpack或Rollup)的情况下,仅通过一个HTML文件来加载并使用ElementUI的所有资源。这种做法适用于小型项目或者快速原型开发,它简化了...
Tree树形组件是 iview 中相对复杂的一个组件。 自定义节点内容 使用强大的 Render 函数可以自定义节点显示内容和交互,比如添加图标,按钮等.这个demo是几个较为简单的示例,主要记录一下普通的html怎么结合iview的...
Struts1是一个较老的Java Web框架,它允许开发者将业务逻辑与表现层分离,但在现代Web开发中,更常见的是使用更新的技术栈,如Struts2、Spring MVC或Angular等。不过,我们仍然可以探讨如何在Struts1环境中实现这一...
将SVG图引入到HTML网页,目前只有三种办法,前两种很相似,第三种更简单。下来介绍一下这是那种方法。 第一种: 使用<embed>标签: 这个是官方推荐的用法,但是这个官方是Adobe官方,不是W3C官方,现在的...
在我们的场景中,一个HTML页面可以作为用户界面,通过JavaScript处理用户输入的cron表达式,并进行验证。 创建这样的HTML页面,我们需要以下组件: 1. 输入表单:设计一个表单,包含六个或七个输入框,分别对应...
"简约的系统运维提示界面,无需引入其他css、js,只需图片和一个页面即可"这样的设计思路,强调的是高效、简洁与易用性。以下是对这个主题的详细解释: 首先,我们来谈谈CSS(Cascading Style Sheets),它是用来...
另一个可能是更复杂的“Maintenance Mode”页面,除了通知外,还可能包含公司的联系信息,以便用户在维护期间提出问题或寻求帮助。 HTML5的多媒体支持也是其一大亮点。通过和标签,开发者可以直接在网页中嵌入视频...
这里提到的“静态引入其他页面”通常指的是在一个Web应用中,一个HTML或JSP页面可以通过特定的方式加载另一个HTML或JSP页面的内容,而无需服务器端脚本的动态处理。 ### 静态引入概述 在Web开发中,“静态引入”是...
【HTML+CSS登录页面】是前端开发中一个基础但重要的环节,它构成了网站与用户交互的第一界面。在本示例中,开发者使用HTML(HyperText Markup Language)来构建页面结构,CSS(Cascading Style Sheets)来定义页面的...
标题"html源码_APP分发下载页面一共三个页面"暗示了这是一个专门用于展示和引导用户下载APP的Web应用,它由三个不同的HTML页面构成,可能分别用于展示不同类型的APP或者提供不同的下载体验。这些页面可能是为了适应...
标题中的“天气预报_HTML静态页面_带时钟.zip”表明这是一个包含HTML静态页面的压缩文件,主要用于展示天气预报,并且页面上集成了一个实时显示时间的时钟功能。这个项目可能是一个简单的Web应用实例,适合初学者...
HTML不支持嵌入在HTML页面中的HTML页面。实现这一功能通过使用以下方式: ...使用AngularJS,我们可以用ng-include指令在一个HTML页面嵌入另一个HTML页面。 <div ng-include='main.html'></div> <di
接着是"antd.html",这是一个简单的HTML模板,其中展示了如何在页面中引入antd。通常,它会包含对React和ReactDOM库的引用,如`<script src="react-dom.development.js"></script>`和`<script src="antd.min.js"></...