在html 静态页面中引用外部页面 Include , 包含 ,嵌入

简介:

在asp、asp.net页面中引用外部页面很简单,使用以下语句就可以:<!--  include   file ="要引用的页面" ->

但是在html  静态页面 中引用外部页面则没那么方便,主要方法有:

1.使用框架来实现,但是那样占用线程较多,速度慢;
<IFRAME NAME="neepage" width=100% height=30 marginwidth=0 marginheight=0 SRC="header.htm" ></IFRAME>
加上它的一些属性可以实现一些透明,无滚动条等具体的效果.大家可以html教程的相关介绍


2.使用.  js 脚本来实现

就是把相关的html文件转化为 js 文件.再在调用的时候用
<script src="import. js "></script>
或<script src="import.asp"></script>,此时import.asp中的内容必须使用 js 输入才行。

如果你用此方法来包含像头部,导航条的话,它将不利于搜索引擎的搜集。
另外,编写 js 输出的内容代码较凌乱,容易出错。


3.下面是一种实现方法:
最好能有一种方法,就像asp页面包含其他页面时那样,用一小段包含语句就可以实现,不要将需要包含的内容出现在本页面内,而是分割出去到另外一个自己的页面。

<span id=showImport1></span>
<IE:Download ID="oDownload1" STYLE="behavior:url(#default#download)" />
<script>
function onDownloadDone(downData){
showImport1.innerHTML=downData
}
oDownload1.startDownload('top.htm',onDownloadDone)
</script>

注:包含的页面为 top.htm 只要把需要包含的页面改掉就可以了!其中id=showimport 不能改为其他,这种写法为一次包含一个文件。


4.<object> 个人觉得此法方便比较好

<object type="text/x-scriptlet" data="import.htm" width=100% height=30></object>

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


6、HTML中执行SSL 
存在这种情况,主机只默认的是index.html,但是需要首页是动态的,除了上述方法,可以使用SSL 
[!--#exec cgi="index.pl" --] 

1、在服务器上打开“服务器端包含”
2、把你的静态文件扩展名改成:shtml
3、在文件中添加<!--# include   file ="你要包含的文件" -->



本文转自94cool博客园博客,原文链接:http://www.cnblogs.com/94cool/archive/2010/11/05/1870020.html,如需转载请自行联系原作者
相关文章
|
4天前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
2天前
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
23小时前
css3 svg制作404页面动画效果HTML源码
css3 svg制作404页面动画效果HTML源码
44 34
|
2月前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
94 7
|
2月前
html页面点击按钮实现页面跳转功能
html页面点击按钮实现页面跳转
81 11
|
2月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
69 2
|
2月前
太便利了 !通义灵码方便生成html页面
太便利了 !通义灵码方便生成html页面
98 0
|
2月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
49 0
|
4月前
|
移动开发 前端开发 JavaScript
Twaver-HTML5基础学习(10)嵌入Table
本文介绍了如何在Twaver HTML5中嵌入表格(Table),并设置表格的列(Column)和样式。通过示例代码展示了如何在React组件中创建表格并添加数据,以及如何通过样式设置表格元素的颜色。
48 2
Twaver-HTML5基础学习(10)嵌入Table
|
3月前
|
移动开发 HTML5
在HTML5中嵌入视频和音频
【10月更文挑战第5天】在HTML5中嵌入视频和音频。
53 3

热门文章

最新文章