400 186 1886
OA教程
经验分享
安装指引
工作流
ERP教程
经验分享
销售管理
采购管理
生产管理
仓库管理
工程管理
品质管理
财务管理
模切知识交流
经验分享
技术文档
PMS教程
CRM教程
开发文档
其他文档
MIS教程
MAS教程
EBR教程
企业管理
微信好文
读书沙龙
无题
网站管理员
静态网页中包含外部页面的四种方法
当前位置：
点晴教程
→
知识管理交流
→
『 技术文档交流 』
admin
2010年7月22日 23:0
本文热度 4821
一．应用框架技术 [br]要在宿主页面中嵌入外部页面的方法是，在宿主页面中包含外部页面的位置插入“
”语句即可(注意:
标签中的各种属性含义请查阅相关技术手册)。 [br][br]如果想在嵌入的外部页面过长时不出现滚动条，在外部文件<body>标签中加入“scroll=no”或者在宿主页面<iframe>标签中加入“scrolling=no”即可。 [br][br]但这样做会出现一个问题，就是宿主页面和外部页面背景色不同，这样会给人造成页面不是一个整体的感觉。这时，只要在引入的外部文件中使用和宿主页面相同的背景色就可以解决这一问题。注意，如果您使用的是ie 5.5或以上版本的话，直接在标签<iframe>内设置属性allowtransparency="true"(即框架背景透明)即可。 [br][br]在应用框架技术时，为什么不使用框架页面(即<frameset>)呢？现在有很多网站是通过使用框架页面来分割版面的，并达到了统一网站整体风格的目的，但笔者的体会是框架页面的操作灵活性较差，不像内建框架(即<iframe>)这样可以在宿主页面中的任何位置插入。 [br][br]二．使用scriptlets组件技术 [br][br]应用这种技术的方法是在宿主页面中包含外部页面的位置插入“<object style="border: 0px" type="text/x-scriptlet" data="xxx.htm" width=x height=x></object>”语句即可(注意: <object>标签中的各种属性含义请查阅相关技术手册)。 [br][br]在ie 5.0及以后版本中，scriptlets和html组件(htcs)被重新命名为windows脚本编程组件(wsc)，其特点类似于上文所讲的框架技术。它有自己的不透明方形区域，并覆盖在宿主页面上，因此不能很平滑地用于具有纹理背景的宿主页面中，其工作方式类似于activex控件，具有自己独立的事件、方法和属性。 [br][br]三．使用脚本文件技术 [br][br]我们知道document.write方法可以在宿主页面中输出内容，这样就可以通过在宿主页面中引入外部脚本文件来达到嵌入外部页面的目的。方法是在宿主页面中包含外部页面的位置插入“<script language="javascript" src="import.js"></script>”，然后对外部页面进行改造，将每一行内容写入document.write中，并另外保存在扩展名为js的新文件中。 [br][br]这种方法的特点是外部页面不具有自己的方形区域，和宿主页面浑然一体，但由于外部页面内容全部写在脚本中，无法做到所见即所得，必须等到脚本运行时才能看到实际效果，这样就为修改调试增加了困难。 [br][br]四．使用内置行为技术 [br][br]在ie 5.0及以后版本，引入了一项被称为“dhtml行为”的新功能，并在其中内置了许多默认行为。当将一种行为应用于宿主页面上的标准html元素时，它可以增强该元素的默认功能，并提供该行为中定义的任何新方法、属性或事件。其实大家对行为技术并不陌生，微电脑世界2001年18期的《主页加入收藏设置面面观》一文就提到了利用ie中内置的homepage行为技术进行主页设置的方法。我们同样可以利用ie 5.0内置的download行为，来达到在宿主页面中嵌入外部页面的目的，其代码如下。 [br][br]<span id="outhtml"></span> [br]<ie:download id="iedownload" style="behavior:url(#default#download)"/> [br]<script> [br]function ondownloaddone(downdate){ [br]outhtml.innerhtml=downdate [br]} [br]iedownload.startdownload('../static/article.htm',ondownloaddone) [br]</script> [br][br]其原理就是使用download行为提供的startdownload方法下载一个外部文本文件，并将文件中的文本内容作为参数传递给ondownloaddone函数，然后再由该函数对文本内容进行处理，在本例中是作为showimport对象的内容显示出来。如果在函数中对文本内容做相应的处理，并与相关技术结合，如xml，就可以实现更为复杂的功能。 [br][br]这种方法使得外部页面不再具有自己的方形区域，和宿主页面浑然一体; 提供了更大的灵活性，通过使用对象的innerhtml属性可以真正做到在宿主页面的任何位置插入外部文件内容; 修改简单，只须用可视网页编辑软件(如frontpage 2000)将外部页面修改即可轻松改变网站整体风格。可以说这是在宿主页面中嵌入外部页面的最好方法 (注: 以上代码在windows 98 se/ie 5.0中测试通过)。 <div align="right" style="color:darkgrey;font-size:12px;"><br>该文章在 2010/7/22 23:00:57 编辑过</div></div> </div> </td> <td id="td_rightpart" class="vtclgntop"> <div class="closely boxborder"> <div class="ultitle">关键字查询</div> <div class="searchitem"> <div><label><input type="checkbox" name="searchword" value="四种" checked/>四种<label></div> <div><label><input type="checkbox" name="searchword" value="外部" checked/>外部<label></div> <div><label><input type="checkbox" name="searchword" value="页面" checked/>页面<label></div> <div><label><input type="checkbox" name="searchword" value="包含" />包含<label></div> <div><label><input type="checkbox" name="searchword" value="网页" />网页<label></div> <input type="button" value="查询" class="button_40px" onclick="search_other_keyword()"/> </div> <div class="ultitle">相关文章</div> <div id="closely_list_area"><div style="padding:20px;text-align:center;">正在查询...</div></div> </div> <div class="fixedtop"> <div class="gg ggshadow"> <a href="http://erp.clicksun.cn" target="_blank"><img src="images/gg1erp300_120.png" alt="点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。" title="点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。"/></a> </div> <div class="gg ggshadow"> <a href="http://pms.clicksun.cn" target="_blank"><img src="images/gg2pms300_120.png" alt="点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。" title="点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。"/></a> </div> <div class="gg ggshadow"> <a href="http://wms.clicksun.cn" target="_blank"><img src="images/gg3wms300_120.png" alt="点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。" title="点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。"/></a> </div> <div class="gg ggshadow"> <a href="http://oa.clicksun.cn" target="_blank"><img src="images/gg4oa300_120.png" alt="点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。" title="点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。"/></a> </div> </div> </td> </tr> </table> </div> <script type="text/javascript" src="js/prism.js"></script> <script type="text/javascript"> var titlelist=""; try{ var cj=JSON.parse('[]'); for(var i=0;i<cj.length;i++){ titlelist=titlelist+'<li><a href="showbbs.asp?id='+cj[i].id+'" target="_blank">'+cj[i].title+'</a></li>'; } if(titlelist!=""){titlelist='<ul class="ulist">'+ titlelist +'</ul>';} document.getElementById("closely_list_area").innerHTML=titlelist; }catch(err){} Prism.hooks.add('before-sanity-check', function (env) { env.element.innerHTML = env.element.innerHTML.replace(/<br>/g, '\n'); env.code = env.element.textContent; }); </script> <div style="font-size:12px;"> <div align="center">Copyright 2010-2024 <a target=_blank href=http://www.clicksun.cn>ClickSun</a> All Rights Reserved</div><br></div></body></html> </div>
400 186 1886
