要在html包含文件,参考:
在宿主页面中嵌入外部页面
刘筱
如今在Internet上建立网站已经是很平常的事了,但是要做好却并不容易。除了要求网站的内容丰富、可读性强外,网站美观和艺术性也是不可缺少的。而做到美观的一个重要方面就是使整个网站具有统一的风格,并具有一致的导航结构及相关版权信息提示。
在这方面,FrontPage的模板就是为统一规划网站整体风格而设计的。但使用FrontPage的这一功能也存在明显的缺点,即当需要改变网站风格时,要对所有的页面进行修改。如果网站的页面很多,逐一修改页面将是非常烦琐的工作。对于这种情况,制作者可以在服务器端(ASP)通过使用“include”包含指令来嵌入另一控制网站整体风格的页面来达到简化修改目的,这样在修改网站风格时,只须把嵌入的外部页面修改即可,而不用对网站中所有的页面进行修改。遗憾的是免费主页空间一般都不提供对ASP、PHP、CGI等支持,那么在宿主页面中嵌入外部页面的操作能否在客户端实现呢?如果能,又怎样实现呢?下面我们就谈谈在客户端实现在宿主页面中嵌入外部页面的各种方法,并讨论它们的优缺点。
一.应用框架技术
要在宿主页面中嵌入外部页面的方法是,在宿主页面中包含外部页面的位置插入“ < IFRAME name= "XXX " width=X height=X frameborder=0 src= "XXX.htm " > < /IFRAME > ”语句即可(注意: < IFRAME > 标签中的各种属性含义请查阅相关技术手册)。
如果想在嵌入的外部页面过长时不出现滚动条,在外部文件 < body > 标签中加入“scroll=no”或者在宿主页面 < IFRAME > 标签中加入“scrolling=no”即可。
但这样做会出现一个问题,就是宿主页面和外部页面背景色不同,这样会给人造成页面不是一个整体的感觉。这时,只要在引入的外部文件中使用和宿主页面相同的背景色就可以解决这一问题。注意,如果您使用的是IE 5.5或以上版本的话,直接在标签 < IFRAME > 内设置属性allowTransparency= "true "(即框架背景透明)即可。
在应用框架技术时,为什么不使用框架页面(即 < FRAMESET > )呢?现在有很多网站是通过使用框架页面来分割版面的,并达到了统一网站整体风格的目的,但笔者的体会是框架页面的操作灵活性较差,不像内建框架(即 < IFRAME > )这样可以在宿主页面中的任何位置插入。
二.使用Scriptlets组件技术
应用这种技术的方法是在宿主页面中包含外部页面的位置插入“ < OBJECT style= "border: 0px " type= "text/x-scriptlet " data= "XXX.htm " width=X Height=X > < /OBJECT > ”语句即可(注意: < OBJECT > 标签中的各种属性含义请查阅相关技术手册)。
---- 在IE 5.0及以后版本中,scriptlets和Html组件(HTCs)被重新命名为Windows脚本编程组件(WSC),其特点类似于上文所讲的框架技术。它有自己的不透明方形区域,并覆盖在宿主页面上,因此不能很平滑地用于具有纹理背景的宿主页面中,其工作方式类似于ActiveX控件,具有自己独立的事件、方法和属性。
三.使用脚本文件技术
---- 我们知道document.write方法可以在宿主页面中输出内容,这样就可以通过在宿主页面中引入外部脚本文件来达到嵌入外部页面的目的。方法是在宿主页面中包含外部页面的位置插入“ < SCRIPT language= "javascript " src= "import.js " > < /SCRIPT > ”,然后对外部页面进行改造,将每一行内容写入document.write中,并另外保存在扩展名为js的新文件中。
这种方法的特点是外部页面不具有自己的方形区域,和宿主页面浑然一体,但由于外部页面内容全部写在脚本中,无法做到所见即所得,必须等到脚本运行时才能看到实际效果,这样就为修改调试增加了困难。
四.使用内置行为技术
在IE 5.0及以后版本,引入了一项被称为“DHTML行为”的新功能,并在其中内置了许多默认行为。当将一种行为应用于宿主页面上的标准HTML元素时,它可以增强该元素的默认功能,并提供该行为中定义的任何新方法、属性或事件。其实大家对行为技术并不陌生,微电脑世界2001年18期的《主页加入收藏设置面面观》一文就提到了利用IE中内置的homepage行为技术进行主页设置的方法。我们同样可以利用IE 5.0内置的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 >
其原理就是使用download行为提供的startDownload方法下载一个外部文本文件,并将文件中的文本内容作为参数传递给onDownloadDone函数,然后再由该函数对文本内容进行处理,在本例中是作为showImport对象的内容显示出来。如果在函数中对文本内容做相应的处理,并与相关技术结合,如XML,就可以实现更为复杂的功能。
这种方法使得外部页面不再具有自己的方形区域,和宿主页面浑然一体; 提供了更大的灵活性,通过使用对象的innerHtml属性可以真正做到在宿主页面的任何位置插入外部文件内容; 修改简单,只须用可视网页编辑软件(如FrontPage 2000)将外部页面修改即可轻松改变网站整体风格。可以说这是在宿主页面中嵌入外部页
分享到:
相关推荐
软件包含了三部分,客户端,服务器端,一个辅助的发送文件的WEB应用,最新版本界面参考了 PC端的微信。 功能介绍 该源码主要功能包括 1:组织机构间发送即时信息,离线消息, 2:建立群组,发送群组消息,图片...
简易文件服务器:基于Java开发,包含53个文件,包括22个Java类文件、17个XML配置文件、3个META文件、2个.gitignore文件、2个Markdown文档、2个Properties配置文件、1个配置文件、1个HTML文件、1个Idea项目文件(.iml...
Uploadifive是基于html5技术的文件上传jQuery插件,也...该插件还自带一个PHP文件用于服务器端处理上传文件。 2, uploadifive控件是基于HTML5而不用支持falsh(可以认为是uploadify的升级版),因而移动端也可以使用
SSI是英文Server Side Includes的缩写,翻译成中文就是服务器端包含的意思。从技术角度上说,SSI就是HTML文件中,可以通过注释行调用的命令或指针。 SSI 具有强大的功能,只要使用一条简单的SSI 命令就可以实现整个...
如果不知道什么是服务器端包含(ssi)点击后面的链接查看:http://lamp.linux.gov.cn/Apache/ApacheMenu/howto/ssi.html 一、Apache 配置SSI功能 修改Apache配置文件httpd.conf 1. 确认加载include.so模块,将注释...
服务器端动态帐号加密组件无缝地支持dotnet,asp,php,jsp. 静态加密程序加密结果支持所有据于WEB的应用系统。 9.控件对FTP帐号等信息进行了强效加密,所有相关信息均不会在客户端浏览器内显示。加密信息分静态加密...
ASP即Active Server Pages,是MicroSOft公司开发的服务器端脚本环境,可用来创建动态交互式网页并建立强大的web应用程序...除服务器端脚本代码外,ASP文件也可以包含文本、HTML(包括相关的客户端脚本)和com组件调用。
本文件包含以下内容: 1.微信小程序DEMO源代码(文件夹 justforfun) 2.服务器脚本文件(php脚本文件,文件夹 html) 3.数据库脚本文件 (文件 wechat.sql) 4.SSL证书文件(文件夹 romeo.wang) ...
ASP.NET编码分为两大部分,一部分为客户端的静态文件编码,另一部分为包含服务器端脚本的动态文件编码。静态文件编码分Script编码和HTML编码两部分。服务器端编码则分为服务器脚本、客户端脚本、HTML脚本三部分。 ...
4.服务器端采用C++语言自主实现,对上传文件的尺寸无限制,天生支持超大文件上传。 而基于PHP、JAVA等技术实现的文件上传服务天生无法支持超大文件上传,无法逾越2GB的最大文件尺寸瓶颈; 5.服务器端采用无缓冲即时...
服务器端和监控端可独立运行,也可配合使用服务器端主要功能: 服务器端的主要功能是对服务器自己提供的服务进行实时监控。一旦监控的服务出现问题,监控程序将按事先设定的操作来恢复服务,包括自动重启IIS服务,按...
PublicCMS内容管理系统:基于Java开发...系统支持静态化、服务器端包含、多级缓存、全文搜索和复杂搜索功能,后台操作支持手机设备。目前,PublicCMS在全球拥有约0.0005%的用户,支持中文、繁体中文和英文等多种语言。
ASP即Active Server Pages,是Microsoft公司 ...除服务器端脚本代码外,ASP 文件也可以包含文本、 HTML(包括相关的客户端脚本)和COM组件调用, 其中这些组件可执行不同任务,如连接到数据库或 处理商业规则。
另外,您不会使用资源的话(这种情况不支持退款),也可以找我们帮助(需要追加额外费用) 爬虫(Web Crawler)是一种自动化程序,用于从互联网上收集信息。其主要功能是访问网页、提取数据并存储,以便后续分析或...
文件域上传的文件,在测试版中还不支持程序控制。 2.3 data 文件夹可以存放数据库文件。 3. 服务器端的运行文件扩展名为 jss ,如:index.jss 。 4. 在 jss 中的文件路径需从根目录的位置写起,如:import "web...
另外,您不会使用资源的话(这种情况不支持退款),也可以找我们帮助(需要追加额外费用) 爬虫(Web Crawler)是一种自动化程序,用于从互联网上收集信息。其主要功能是访问网页、提取数据并存储,以便后续分析或...
它对HTML页面具有强大的解释能力,但是不能解释嵌入页面内的服务器端脚本代码(JSP/Servlet。 Tomcat:早期的Tomcat是一个嵌入Apache内的JSP/Servlet解释引擎Apache+Tomcat就相当于IIS+ASP。后来的Tomcat已不再嵌入...
后续更新成base64数据保存到数据库,直接base64转换成图片保存在服务器,数据库存储相关信息,下载或者查看的时候直接调用相对路径的文件即可。 毕竟base64的数据保存到数据库太影响查询了。另外在存储文件的时候...
解压的文件不包括它们的路径部分,因此所有文件都创建到同一个目标目录 中。 如果你要解压完整路径名,请使用 'x' 命令。 例子: rar e -or html.rar *.css css\ 从 html.rar 压缩文件中解压所有 *.css 文件...
另外,您不会使用资源的话(这种情况不支持退款),也可以找我们帮助(需要追加额外费用) 爬虫(Web Crawler)是一种自动化程序,用于从互联网上收集信息。其主要功能是访问网页、提取数据并存储,以便后续分析或...