在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,如需转载请自行联系原作者
相关文章
HTML+CSS 实现通用的企业官网页面(记得收藏)
HTML+CSS 实现通用的企业官网页面(记得收藏)
html页面点击按钮实现页面跳转功能
html页面点击按钮实现页面跳转
|
16天前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
40 2
|
2月前
|
移动开发 前端开发 JavaScript
Twaver-HTML5基础学习(10)嵌入Table
本文介绍了如何在Twaver HTML5中嵌入表格(Table),并设置表格的列(Column)和样式。通过示例代码展示了如何在React组件中创建表格并添加数据,以及如何通过样式设置表格元素的颜色。
39 2
Twaver-HTML5基础学习(10)嵌入Table
|
1月前
|
移动开发 HTML5
在HTML5中嵌入视频和音频
【10月更文挑战第5天】在HTML5中嵌入视频和音频。
36 3
|
1月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
33 1
|
2月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
44 6
|
27天前
|
移动开发 HTML5
一个最简单的 HTML 页面结构如下:
HTML 是一种标记语言,用于描述网页结构。通过 `&lt;html&gt;`, `&lt;head&gt;`, `&lt;body&gt;` 等标签构建页面,支持文本、图像、链接、表格等多种元素。本文介绍了 HTML 基础,包括常用标签及创建简单网页的实例,帮助初学者快速入门。
55 0
|
1月前
|
XML Web App开发 数据格式
HTML 页面显示 XML 数据
10月更文挑战第2天
|
1月前
|
数据可视化 小程序 JavaScript
DIYGW可视化快速生成VUE3静态html页面
DIYGW可视化快速生成VUE3静态html页面
35 0

热门文章

最新文章