在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,如需转载请自行联系原作者
相关文章
|
16小时前
|
移动开发 Android开发 iOS开发
ios标准页面调用HTML5页面和HTML5调用ios的函数
ios标准页面调用HTML5页面和HTML5调用ios的函数
6 0
|
7天前
|
Web App开发 API
通过html页面方式访问www.iximo.com的方式(原创)
通过html页面方式访问www.iximo.com的方式(原创)
16 2
|
6天前
|
移动开发 前端开发 JavaScript
【专栏:HTML与CSS实战项目篇】使用HTML5与CSS3制作一个动态表单验证页面
【4月更文挑战第30天】本文介绍了使用HTML5和CSS3创建动态表单验证页面的方法。首先,简述HTML5用于构建网页内容,CSS3用于描述样式。接着,分四步展示实现过程:1) 设计包含输入框和提示信息的表单结构;2) 使用CSS3创建样式,增强视觉效果;3) 使用JavaScript监听输入事件,动态验证表单并显示错误信息;4) 测试和调试确保跨平台兼容性。通过学习,开发者能掌握创建带验证功能的表单,提升用户体验。
|
6天前
|
前端开发 测试技术 UED
【专栏:HTML 与 CSS 实战项目篇】实现一个在线产品展示页面
【4月更文挑战第30天】本文介绍了使用HTML和CSS创建吸引人的在线产品展示页面的实战步骤,包括页面设计规划、HTML结构搭建、CSS样式设计、具体页面实现、交互效果添加、优化与提升。通过简洁布局、产品列表和详情页设计,实现易用且具吸引力的展示效果。优化图片和代码,提升性能,以助企业在数字时代脱颖而出。
|
6天前
|
机器人
机器人飞船404页面模板HTML源码
机器人飞船404页面模板HTML源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
27 5
机器人飞船404页面模板HTML源码
|
6天前
|
移动开发 定位技术 UED
《HTML 简易速速上手小册》第7章:HTML 多媒体与嵌入内容(2024 最新版)
《HTML 简易速速上手小册》第7章:HTML 多媒体与嵌入内容(2024 最新版)
44 0
|
6天前
页面渲染效果图(樱花飘落).html(网上收集 4)
页面渲染效果图(樱花飘落).html(网上收集 4)
页面渲染效果图(樱花飘落).html(网上收集 4)
|
6天前
错误或拦截页面的html代码
错误或拦截页面的html代码
20 0
错误或拦截页面的html代码
|
7天前
|
搜索推荐 前端开发 UED
html页面实现自动适应手机浏览器(一行代码搞定)
html页面实现自动适应手机浏览器(一行代码搞定)
31 0
|
7天前
|
监控 JavaScript 前端开发
JavaScript与HTML关系及其嵌入方式:新手常犯错误与规避策略
【4月更文挑战第1天】本文介绍了JavaScript与HTML的关系,强调了理解它们的分工和协作对于初学者的重要性。文中列举了新手在嵌入JavaScript时常见的错误,如嵌入位置不当、异步与延迟属性混淆、内联脚本与HTML混杂、忽略浏览器兼容性以及缺乏错误处理。提供了避免这些错误的策略,包括合理安排script标签、使用事件监听器、关注浏览器兼容性、学习调试技巧,并提倡遵循“结构-样式-行为”分离原则和使用错误处理机制。遵循这些最佳实践,有助于提高代码质量和开发效率。
24 1