网站建设资讯

NEWS

网站建设资讯

如何使用js正则匹配table,img及去除各种标签问题

这篇文章主要介绍如何使用js正则匹配table,img及去除各种标签问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

尼金平网站建设公司创新互联建站,尼金平网站设计制作,有大型网站制作公司丰富经验。已为尼金平上千提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱,请找那个售后服务好的尼金平做网站的公司定做!

核心代码

//获取公示栏内容
     s = "$row.detail$";
     mainContent =s;
     
     //如果有多个table使用下面注释的正则只会匹配成一个table
     //var tabReg = /]*>((?!table).)*<\/table>/gi;
    //匹配单个table
     var tabReg = /]*>\s*(]*>)?(\s*]*>[\s\S]*?<\/tr>\s*)*(<\/tbody>)?\s*<\/table>/gi;
     var tabMatch = tabReg.test(s);
     
     var tabMatchContentArray = s.match(tabReg);
 
     if(tabMatch)
     {
      
      mainContent = s.replace(tabReg,"#");
     }
     
     //对img标签进行匹配
     var imgReg = /|\/>)/gi;
     
     imgMatchContentArray = s.match(imgReg);
    
     if(imgReg.test(s))
     {
      //将img标签替换为*
      mainContent = mainContent.replace(imgReg,"*");
     }
     //处理html标签
     mainContent = mainContent.replace(/ /gi," ");
     var pReg1 = /

/gi;      var pReg2 = /<\/p>/gi;      mainContent = mainContent.replace(pReg1,"").replace(pReg2,"");      //下面的htmlReg1 ,htmlReg2可以匹配任意标签 //     var htmlReg1 =/<[^>]+>/gi; //     var htmlReg2 =/<(.+?)[\s]*\/?[\s]*>/gi; //      //     mainContent = mainContent.replace(htmlReg1,"").replace(htmlReg2,"");      //mainContent = mainContent.replace(/&/gi,"

").replace(/@/gi,"

");     var pageIndex = 1;     var size = 500;     var tableContentArray = mainContent.split("#");     var array = []; //存放以table分割后的数组中每个数组可以分作几页          var arrayIndex = []; //存放table在内容中的索引          var len =0;     for(var i=0;i= 0)     {       currentPageContent = tabMatchContentArray[tableIndexArray.indexOf(pageIndex)];     }               if(currentPageContent.indexOf("#")!= -1)     {              var beginToCurrentPageContent = mainContent.substr(0,pageIndex*size);             var tabLastIndex = beginToCurrentPageContent.lastIndexOf("#");       currentPageContent = currentPageContent.substr(0,tabLastIndex-(pageIndex-1)*size);         //当前页是否有 * 获取最后一个 * 的位置        var indexOf = currentPageContent.indexOf("*");              if(indexOf >= 0)       {                   //获取开始到当前页位置的内容 中的 * 的最后的下标           var reCount = beginToCurrentPageContent.split("*").length - 1;                     var contentArray = currentPageContent.split("*");                    currentPageContent = replaceImgContent(contentArray,reCount,imgMatchContentArray);         }              }     else     {              //当前页是否有 * 获取最后一个 * 的位置        var indexOf = currentPageContent.indexOf("*");              if(indexOf >= 0)       {          //获取从开始位置到当前页位置的内容          var beginToCurrentPageContent = mainContent.substr(0,pageIndex*size);                    //获取开始到当前页位置的内容 中的 * 的最后的下标           var reCount = beginToCurrentPageContent.split("*").length - 1;                     var contentArray = currentPageContent.split("*");                    currentPageContent = replaceImgContent(contentArray,reCount,imgMatchContentArray);                 }            }          if(currentPageContent=="")     {       alert("页码数超过范围");     }     else     {        document.getElementById("annouContent").innerHTML= currentPageContent;     }          /* currentArray:当前页以 * 分割后的数组       replaceCount:从开始内容到当前页的内容 * 的个数       matchArray : img标签的匹配的内容     */     function replaceImgContent(currentArray,replaceCount,matchArray)     {             var result = "";       for(var i=currentArray.length -1,j = replaceCount-1 ;i>=1; i--)       {                 var temp = (matchArray[j] + currentArray[i]);         result = temp + result;         j--;       }             result = currentArray[0] + result ;             return result;     }       

下面是一些补充

js正则匹配删除table

var reg = /<[\/]*(table|td|tr)[ a-zA-z=''""]*>|123/g

一个JAVASCRIPT正则表达式,Table中只保留ColSpan和RowSpan

html = html.replace(/<(TBODY|THEAD|TFOOT|TH|TR|TD)[^>]*?(ColSpan\s*=\s*["']?[^"'>\s]*["']?[^>]*?)?(RowSpan\s*=\s*["']?[^"'>\s]*["']?[^>]*?)?>/gi,"<$1 $2 $3>");

以上是“如何使用js正则匹配table,img及去除各种标签问题”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


网页标题:如何使用js正则匹配table,img及去除各种标签问题
路径分享:http://cdweb.net/article/pseeoe.html