當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  編程技術(shù) >  正文

js正則匹配table,img及去除各種標(biāo)簽問(wèn)題

 2020-11-24 14:52  來(lái)源: 腳本之家   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)

這篇文章主要介紹了js正則匹配table,img及去除各種標(biāo)簽問(wèn)題,需要的朋友可以參考下

核心代碼

//獲取公示欄內(nèi)容
     s = "$row.detail$";
     mainContent =s;
    
     //如果有多個(gè)table使用下面注釋的正則只會(huì)匹配成一個(gè)table
     //var tabReg = /<table[^>]*>((?!table).)*<\/table>/gi;
    //匹配單個(gè)table
     var tabReg = /<table[^>]*>\s*(<tbody[^>]*>)?(\s*<tr[^>]*>[\s\S]*?<\/tr>\s*)*(<\/tbody>)?\s*<\/table>/gi;
     var tabMatch = tabReg.test(s);
    
     var tabMatchContentArray = s.match(tabReg);
 
     if(tabMatch)
     {
     
      mainContent = s.replace(tabReg,"#");
     }
    
     //對(duì)img標(biāo)簽進(jìn)行匹配
     var imgReg = /<img.*?(?:>|\/>)/gi;
    
     imgMatchContentArray = s.match(imgReg);
   
     if(imgReg.test(s))
     {
      //將img標(biāo)簽替換為*
      mainContent = mainContent.replace(imgReg,"*");
     }
     //處理html標(biāo)簽
     mainContent = mainContent.replace(/&nbsp;/gi," ");
     var pReg1 = /<p>/gi;
     var pReg2 = /<\/p>/gi;
     mainContent = mainContent.replace(pReg1,"").replace(pReg2,"<br />");
     //下面的htmlReg1 ,htmlReg2可以匹配任意標(biāo)簽
//     var htmlReg1 =/<[^>]+>/gi;
//     var htmlReg2 =/<(.+?)[\s]*\/?[\s]*>/gi;
//    
//     mainContent = mainContent.replace(htmlReg1,"").replace(htmlReg2,"");
     //mainContent = mainContent.replace(/&/gi,"<p>").replace(/@/gi,"</p>");
    var pageIndex = 1;
    var size = 500;
    var tableContentArray = mainContent.split("#");
    var array = []; //存放以table分割后的數(shù)組中每個(gè)數(shù)組可以分作幾頁(yè)
   
    var arrayIndex = []; //存放table在內(nèi)容中的索引
   
    var len =0;
    for(var i=0;i<tableContentArray.length;i++)
    {
      var con = tableContentArray[i];
     
      len += con.length;
     
      arrayIndex[i] = len;
     
      array[i] = Math.ceil(con.length /size);
    }
   
   
    var tableIndexArray = [];//存放table內(nèi)容頁(yè)碼數(shù)
   
    var sum = 1;
   
    for(var j=0;j<array.length-1;j++)
    {
     
      sum += array[j];
      tableIndexArray[j] = sum;
    }
   
   
    var currentPageContent = mainContent.substr((pageIndex-1)*size,size);
   
   
    if(tableIndexArray.indexOf(pageIndex) >= 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);
 
      //當(dāng)前頁(yè)是否有 * 獲取最后一個(gè) * 的位置
      var indexOf = currentPageContent.indexOf("*");
     
      if(indexOf >= 0)
      {        
         //獲取開(kāi)始到當(dāng)前頁(yè)位置的內(nèi)容 中的 * 的最后的下標(biāo)
         var reCount = beginToCurrentPageContent.split("*").length - 1;
         
         var contentArray = currentPageContent.split("*");
        
         currentPageContent = replaceImgContent(contentArray,reCount,imgMatchContentArray); 
      }
       
    }
    else
    {
     
      //當(dāng)前頁(yè)是否有 * 獲取最后一個(gè) * 的位置
      var indexOf = currentPageContent.indexOf("*");
     
      if(indexOf >= 0)
      {
         //獲取從開(kāi)始位置到當(dāng)前頁(yè)位置的內(nèi)容
         var beginToCurrentPageContent = mainContent.substr(0,pageIndex*size);
        
         //獲取開(kāi)始到當(dāng)前頁(yè)位置的內(nèi)容 中的 * 的最后的下標(biāo)
         var reCount = beginToCurrentPageContent.split("*").length - 1;
         
         var contentArray = currentPageContent.split("*");
        
         currentPageContent = replaceImgContent(contentArray,reCount,imgMatchContentArray);
        
      }
     
    }
   
    if(currentPageContent=="")
    {
      alert("頁(yè)碼數(shù)超過(guò)范圍");
    }
    else
    {
      document.getElementById("annouContent").innerHTML= currentPageContent;
    }
   
    /* currentArray:當(dāng)前頁(yè)以 * 分割后的數(shù)組
      replaceCount:從開(kāi)始內(nèi)容到當(dāng)前頁(yè)的內(nèi)容 * 的個(gè)數(shù)
      matchArray : img標(biāo)簽的匹配的內(nèi)容
    */
    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;
    }   
  </script>

下面是一些補(bǔ)充

js正則匹配刪除table

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

一個(gè)JAVASCRIPT正則表達(dá)式,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及去除各種標(biāo)簽問(wèn)題的詳細(xì)內(nèi)容,更多關(guān)于js正則匹配table,img的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!

來(lái)源:腳本之家

鏈接:https://www.jb51.net/article/183979.htm

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門(mén)排行

信息推薦