页面引入(include)方式的研究及性能比较

最近可能要模块化架构一个大型网站,所以研究了一下各种页面引入技术,效率最高的就是避免过多的服务器端操作,目前的方式大多分为以下几类:1、应用Html中的框架(iframe)目前大多数门户网站都应用iframe来进行页面上广告的投放,就是将不同的广告分别应用iframe投放到主页面上,优点是效率高,互不影响,缺点是不符合网页标准的发展趋势,页面互不关联,不适合技术和表现方式的统一部署(例如CSS/JS等)<iframesrc=”index.htm”></iframe>2、SSI技术这是在服务端应用页面包含技术、具有程序语言的特性,但是SSI是为WEB服务器提供的一套命令,因此优于asp、php等程序语言,目前普遍应用于大型门户网站,例如新浪,腾讯等,优点是维护方便,且适合网站技术的统一部署,符合网页标准。SSI中Include命令具有两个不同的参数:Virtual:给出到服务器端某个文档的虚拟路径。例如:<!–#includevirtual=”/includes/header.html”–>File:给出到当前目录的相对路径,其中不能使用”../”,也不能使用绝对路径。例如:<!–#includefile=”header.html”–>3、Javascript包含技术利用JS的调用特性封装Html代码,缺点是代码需要客户端二次解析,增加代码的容量且每次更新需要重新写JS代码,另外需要注意的是include.js里不能再包含<script>和</script>,扩展名随意,所有内容必须经由write()、wirteln()、innerHTML、innerText、outerHTML或outerText输出显示。代码示例:<scriptsrc=”include.js”></script>4、用download行为下载后再用innerHTML特性显示出来方法:在主页面需要引入包含页面的地方写上以下代码:<spanid=”demo”src=”demo.htm”style=”behavior:url(#default#download)”></span><SCRIPT>functionwindow.onload(){demo.startDownload(demo.src,fnDownload)//改用document.getElementById}functionfnDownload(oSource){demo.innerHTML=oSource}</SCRIPT>缺点:兼容性不好5、Object(Scriptlets组件)。代码示例:<objectstyle=”border:0px”type=”text/x-scriptlet”data=”index.htm”width=400Height=300></object>6、XMLHTTP组件。代码示例:<scriptfor=”window”event=”onload”>with(newActiveXObject(“Microsoft.XMLHTTP”)){open(“get”,demo.src,false,””,””)send()demo.innerHTML=ResponseText}</script><spanid=”demo”src=”demo.htm”></span>需要注意,目标文件最好以Unicode或UTF-8编码保存,否则目标文件中的双字节文字会变成乱码。当然,可以用下面的函数把返回的ResponseText处理一下,但是这样效率比较低,文件较大时不推荐使用。XMLHTTP这种方法也可以在后台程序中使用。

<告诉自己,我这次失败了,

页面引入(include)方式的研究及性能比较

相关文章:

你感兴趣的文章:

标签云: