依据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的更多相关文章

  1. 使用XWAF框架(5)——XML解析器:CXDP

    XWAF推出了自己的组合式XML文档解析器,英文名叫:“CXDP”,是“Combined XML Document Parser”的缩写.核心代码属XWAF原创,注释.日志和帮助文档采用全中文描述,特 ...

  2. Duilib源码分析(三)XML解析器—CMarkup

    上一节介绍了控件构造器CDialogBuilder,接下来将分析其XML解析器CMarkup: CMarkup:xml解析器,目前内置支持三种编码格式:UTF8.UNICODE.ASNI,默认为UTF ...

  3. tinyxml一个优秀的C++ XML解析器

    读取和设置xml配置文件是最常用的操作,试用了几个C++的XML解析器,个人感觉TinyXML是使用起来最舒服的,因为它的API接口和Java的十分类似,面向对象性很好. TinyXML是一个开源的解 ...

  4. TinyXML:一个优秀的C++ XML解析器

    //-------------------------------------------------------------------------------------------------- ...

  5. 转:TinyXM--优秀的C++ XML解析器

    读取和设置xml配置文件是最常用的操作,试用了几个C++的XML解析器,个人感觉TinyXML是使用起来最舒服的,因为它的API接口和Java的十分类似,面向对象性很好. TinyXML是一个开源的解 ...

  6. XML解析器(转)

    常见C/C++ XML解析器有tinyxml.XERCES.squashxml.xmlite.pugxml.libxml等等,这些解析器有些是支持多语言的,有些只是单纯C/C++的.如果你是第一次接触 ...

  7. TinyXML:一个优秀的C++ XML解析器[转]

    TinyXML:一个优秀的C++ XML解析器 读取和设置xml配置文件是最常用的操作,试用了几个C++的XML解析器,个人感觉TinyXML是使用起来最舒服的,因为它的API接口和Java的十分类似 ...

  8. Java XML解析器

    使用Apache Xerces解析XML文档 一.技术概述 在用Java解析XML时候,一般都使用现成XML解析器来完成,自己编码解析是一件很棘手的问题,对程序员要求很高,一般也没有专业厂商或者开源组 ...

  9. C++ xml 解析器

    C++的xml解析器有很多,这个知乎回答里有一个列表:https://www.zhihu.com/question/32046606 下面使用其中的RapidXml试试. 官方地址: https:// ...

随机推荐

  1. 【ZJOI2017】树状数组

    题目描述 漆黑的晚上,九条可怜躺在床上辗转反侧.难以入眠的她想起了若干年前她的一次悲惨的 OI 比赛经历.那是一道基础的树状数组题. 给出一个长度为 $n$ 的数组 $A$,初始值都为 $0$,接下来 ...

  2. Maven配置tomcat和jetty插件来运行项目

    针对eclipse中的Run on Server有些情况下并不是那么好操作,比如配置maven下的springmvc插件,如果使用此方法运行会很容易出现组件缺少导致错误出现一大堆的问题. 那么针对这种 ...

  3. Hibernate 3 深度解析--苏春波

    Hibernate 3 深度解析   Hibernate 作为 Java ORM 模式的优秀开源实现, 当下已经成为一种标准,为饱受 JDBC 折磨的 Java 开发者带来了“福音.快速的版本更新,想 ...

  4. Linux如何显示文件指定行数的内容;显示第一行、中间几行和最后几行

    1.tail -n +/-数字 文件名 2.head -n 数字 文件名 3.sed -n "开始行,结束行p" 文件名 4.sed -n '1p;20,40p; "显示 ...

  5. GridView数据绑定控件的模版列时设置显示的格式

    形式 语法 结果 数字 {0:N2} 12.36   数字 {0:N0} 13   货币 {0:c2} $12.36   货币 {0:c4} $12.3656   货币 "¥{0:N2}&q ...

  6. 实机桌面上给虚拟机安装系统(分区,恢复GHO)

    在虚拟机里安装系统大家都会了.我这里介绍一种方法无须进入虚拟机里操作.全部在实机里完成对虚拟机安装系统(分区.恢复GHO).这里要使用到的工具如下1分区工具DISKGENIUS2虚拟光驱3Ghost镜 ...

  7. 漫谈深度学习时代点击率预估技术进展 &&深度学习在推荐系统上的发展

    转载:https://www.infoq.cn/article/XA055tpFrprUy*0UBdCb https://www.zhihu.com/question/20830906/answer/ ...

  8. PHP函数parse_url()如何使用

    又是一个非常使用的函数. <?php $url='http://www.cnblogs.com/lovebing'; $data = parse_url($url); var_dump($dat ...

  9. 更改 vux Tabbar TabbarItem标题下方的文字激活时的颜色

    步骤一: 打开文件build/webpack.base.conf.js, 找到modeule.exports = vuxLoader, 修改如下(并保存) module.exports = vuxLo ...

  10. sql语言复习2

    一.查询 select 字段列表 from 表名列表 [where 条件表达式][group by 字段列表[having 条件表达式]] [order by 字段列表[asc|desc]] 含义:在 ...