基于Jquery的XML解析器,返回定制的HTML
依据HTML模板返回解析的XML
依赖jQuery 1.4
1. [代码]基于Jquery的xml解析器并返回定制的HTML
/**
* jQuery插件
* Author: purecolor@foxmail.com
* Date : 2011-02-16
* Params: dom:XMLDocument ,
* _default:{
* reg:匹配标签正则,
* lc:标签左结束符,
* rc:标签右结束符,
* script:是否包含script,
* scriptID:包含script的节点,
* tplBox:模板,
* tplhtml:信息条目
* }
* Return: HTMLDocument
* Note : XML处理插件
*
*/
(function($){
$.fn.extend({
parseXML:function(dom,option){
var that=$(dom);
var html={};
var tpl='';
//配置数据
var _default={
reg:/\{\w+\}/gi,
lc:'{',
rc:'}',
script:true,
scriptID:'script',
tplBox:'<ul class="indexiframelist skin3">{item}</ul>{more}',
tplhtml:{
item:'<li><a href="{link}"><span class="timer">{pubDate}</span>{title}</a></li>',
more:'<div class="moreLink"><a href="{link}">{title}</a></div>',
script:'function {funcationname}{{funcationcode}}'
}背景音乐http://www.huiyi8.com/bgm/
}
var option=$.extend(_default,option);
//开始处理tplBody
$.each(option.tplhtml,function(o,str){
var rego=str.match(option.reg);
html[o]=[];
$(o,that).each(function(){
var D=$(this),shtml=str;
$.each(rego,function(i,c){
shtml=shtml.replace(c,D.find(c.replace(option.lc,'').replace(option.rc,'')).text());
});
html[o].push(shtml);
});
});
//开始处理tplBox
var tplHtml=option.tplBox;
tpl=option.tplBox.match(option.reg);
$.each(tpl,function(i,c){
tplHtml=tplHtml.replace(c,html[c.replace(option.lc,'').replace(option.rc,'')].join(''));
});
//向页面添加script
if(option.script){
var script=document.createElement('script');
script.type="text/javascript";
script.text=html[option.scriptID].join('');
$('html > head').append(script);
}
return tplHtml;
}
});
})(jQuery);
基于Jquery的XML解析器,返回定制的HTML的更多相关文章
- 使用XWAF框架(5)——XML解析器:CXDP
XWAF推出了自己的组合式XML文档解析器,英文名叫:“CXDP”,是“Combined XML Document Parser”的缩写.核心代码属XWAF原创,注释.日志和帮助文档采用全中文描述,特 ...
- Duilib源码分析(三)XML解析器—CMarkup
上一节介绍了控件构造器CDialogBuilder,接下来将分析其XML解析器CMarkup: CMarkup:xml解析器,目前内置支持三种编码格式:UTF8.UNICODE.ASNI,默认为UTF ...
- tinyxml一个优秀的C++ XML解析器
读取和设置xml配置文件是最常用的操作,试用了几个C++的XML解析器,个人感觉TinyXML是使用起来最舒服的,因为它的API接口和Java的十分类似,面向对象性很好. TinyXML是一个开源的解 ...
- TinyXML:一个优秀的C++ XML解析器
//-------------------------------------------------------------------------------------------------- ...
- 转:TinyXM--优秀的C++ XML解析器
读取和设置xml配置文件是最常用的操作,试用了几个C++的XML解析器,个人感觉TinyXML是使用起来最舒服的,因为它的API接口和Java的十分类似,面向对象性很好. TinyXML是一个开源的解 ...
- XML解析器(转)
常见C/C++ XML解析器有tinyxml.XERCES.squashxml.xmlite.pugxml.libxml等等,这些解析器有些是支持多语言的,有些只是单纯C/C++的.如果你是第一次接触 ...
- TinyXML:一个优秀的C++ XML解析器[转]
TinyXML:一个优秀的C++ XML解析器 读取和设置xml配置文件是最常用的操作,试用了几个C++的XML解析器,个人感觉TinyXML是使用起来最舒服的,因为它的API接口和Java的十分类似 ...
- Java XML解析器
使用Apache Xerces解析XML文档 一.技术概述 在用Java解析XML时候,一般都使用现成XML解析器来完成,自己编码解析是一件很棘手的问题,对程序员要求很高,一般也没有专业厂商或者开源组 ...
- C++ xml 解析器
C++的xml解析器有很多,这个知乎回答里有一个列表:https://www.zhihu.com/question/32046606 下面使用其中的RapidXml试试. 官方地址: https:// ...
随机推荐
- 谈谈 ServletConfig 和 ServletContext
目录 一.ServletConfig 和 ServletContext 的概念 二.ServletConfig 和 SerlvetContext 代码表示 一.ServletConfig 和 Serv ...
- Ext 上传文件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title> ...
- 【GitHub】给GitHub上的ReadMe.md文件中添加图片怎么做 、 gitHub创建文件夹
1.首先在github上的仓库上,创建一个空的文件夹,用于上传图片 上图看 要点击的按钮是创建新的文件,并不是创建新的文件夹,具体怎么?往下看 这个时候,下面的提交按钮才能提交 2.进入新创建的文件夹 ...
- 低成本安全硬件(二):RFID on PN532
引言 鉴于硬件安全对于大多数新人是较少接触的,而这方面又非常吸引我,但是部分专业安全研究设备较高的价格使人望而却步.在该系列中,笔者希望对此感兴趣的读者在花费较少金钱的情况下体会到硬件安全的魅力所在. ...
- WM_SETFOCUS和WM_KILLFOCUS、WM_GETDLGCODE
procedure WMSetFocus (var Message: TWMSetFocus); message WM_SETFOCUS; //获得焦点 procedure WMKillFocus ...
- 只列出所有监听 UNIX 端口 netstat -lx
只列出所有监听 UNIX 端口 netstat -lx
- mysqldump导入导出详解
mysqldump可以指定路径的,如果没指定路径,而只写了文件名的话,那么就在当前进入mysql命令行所在的目录,也就是mysql安装目录下 mysqldump --default-characte ...
- 手写AngularJS脏检查机制
什么是脏检查 View -> Model 浏览器提供有User Event触发事件的API,例如,click,change等 Model -> View 浏览器没有数据监测API. Ang ...
- node JS 微信开发
JS-SDK 要点 微信测试号; 扫码登录;无需认证(只是名称统一为微信测试号)http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/logi ...
- 总结一下vue调试的方法
1.最推荐使用的是vue的chrome插件: 2.平时开发中常用到的调试代码:console.log().alert():此外还有console.error()这个我用的比较少,感觉跟console. ...