风景优美的黄山景区,一年四季游人如织。蜀僧抱绿绮,西下峨眉峰。为我一挥手,如听万壑松。客心洗流水,馀响入霜钟。不觉碧山暮,秋云暗几重。
核心代码
//获取公示栏内容 s = "$row.detail$"; mainContent =s; //如果有多个table使用下面注释的正则只会匹配成一个table //var tabReg = /<table[^>]*>((?!table).)*<\/table>/gi; //匹配单个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,"#"); } //对img标签进行匹配 var imgReg = /<img.*?(?:>|\/>)/gi; imgMatchContentArray = s.match(imgReg); if(imgReg.test(s)) { //将img标签替换为* mainContent = mainContent.replace(imgReg,"*"); } //处理html标签 mainContent = mainContent.replace(/ /gi," "); var pReg1 = /<p>/gi; var pReg2 = /<\/p>/gi; mainContent = mainContent.replace(pReg1,"").replace(pReg2,"<br />"); //下面的htmlReg1 ,htmlReg2可以匹配任意标签 // 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分割后的数组中每个数组可以分作几页 var arrayIndex = []; //存放table在内容中的索引 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内容页码数 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); //当前页是否有 * 获取最后一个 * 的位置 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; } </script>
下面是一些补充
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的资料请关注其它相关文章!