网页大文本文件的在线加载预览，txt，xml，html等纯文本格式

1.如果文本不大，可以通过设置Iframe的src的方式来让浏览器自动获取内容并且排版

但是Iframe的方式并不能够显示xml等包含< > " 等符号；因为其会将之当成html标签；

如果要直接显示包含html标签的文本，那么有两种方式；

一种：使用<xmp>或者<textarea>等类似的标签，将内容放在标签内，这样就能够原样显示；

第二种：自己将内容转义，然后将转义后的内容来显示；

2.如果文本比较大，一次加载完毕那么浏览器可能会比较卡，甚至在某一段时间内会直接卡死

笔者测试：chrome浏览器加载1MB的文本文件的时候卡顿明显，IE和遨游等加载速度快很多；

解决方法：分批转义，分批加载

3.转义后，分批加载核心代码如下

第一步：采用ajax方式将大文本下载到本地

$.ajax({
		type: "get",
		url: url,
		data: {},
		dataType: "text",
		timeout: 100000, //超时时间：100秒
		success: function(data){//1m的文本                 
					if(data.length>1024000)
						{
							var originLength=data.length;
							data=data.substring(0,1024000);	        					
							replaceAndAppendData(data,$("#textareaShowTextOfProduct"),10240,function(){
								$("#textareaShowTextOfProduct").append("<br/>...............省略"+(originLength-data.length)+"个长度的内容<br/>");
							});

						}else{
							replaceAndAppendData(data,$("#textareaShowTextOfProduct"),10240);
						}
				 },
		error:function(XMLHttpRequest, textStatus, errorThrown){
		 }
	});

第二步，分批次加载，并追加内容到一个DOM容器内

这里转义的符号有大于，小于，换行，双引号，空格；

<span style="white-space:pre">	</span>//循环函数
	var replaceAndAppendDataRe;
	/**
	*替换相关符号，并将之追加在dom节点上
	*count表示将数据分为多少份
	*countLength,每一次处理的数据量
	*callBack执行完毕之后的回调函数
	**/
	function replaceAndAppendData(data,obj,countLength,callBack){
		if(countLength<0) countLength=10240;
		if(countLength>51200) countLength=51200;
		//var countLength=data.length/count;//每一份的长度
		var startStr=0;//当前开始的字符串
		replaceAndAppendDataRe=function(){
				if(startStr<data.length){
					var tmpData=data.substring(startStr,startStr+countLength);
					var startT=new Date().getTime();
					tmpData=tmpData.replace(/</g,"<");
					tmpData=tmpData.replace(/>/g,">");
					tmpData=tmpData.replace(/\"/g,""");
					tmpData=tmpData.replace(/\n/g,"<br/>");
					tmpData=tmpData.replace(/[ ]/g," ");
					var endT=new Date().getTime();
					var spaceT=endT-startT;
					if(spaceT<15) spaceT=15;
					if(spaceT>250){
						countLength=String.parseInt(countLength*0.75+"");
					}
					$(obj).append(tmpData);				
					setTimeout("replaceAndAppendDataRe()",spaceT);
			}else{
				if(typeof callBack!='undefined'&&callBack!=null){
					callBack();
				}
			}	
				startStr=startStr+countLength;
		};
		replaceAndAppendDataRe();
	}