js正則匹配table,img及去除各種標(biāo)簽問題
核心代碼
//獲取公示欄內(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(/ /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ù)組可以分作幾頁
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)容頁碼數(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)前頁是否有 * 獲取最后一個(gè) * 的位置
var indexOf = currentPageContent.indexOf("*");
if(indexOf >= 0)
{
//獲取開始到當(dāng)前頁位置的內(nèi)容 中的 * 的最后的下標(biāo)
var reCount = beginToCurrentPageContent.split("*").length - 1;
var contentArray = currentPageContent.split("*");
currentPageContent = replaceImgContent(contentArray,reCount,imgMatchContentArray);
}
}
else
{
//當(dāng)前頁是否有 * 獲取最后一個(gè) * 的位置
var indexOf = currentPageContent.indexOf("*");
if(indexOf >= 0)
{
//獲取從開始位置到當(dāng)前頁位置的內(nèi)容
var beginToCurrentPageContent = mainContent.substr(0,pageIndex*size);
//獲取開始到當(dāng)前頁位置的內(nèi)容 中的 * 的最后的下標(biāo)
var reCount = beginToCurrentPageContent.split("*").length - 1;
var contentArray = currentPageContent.split("*");
currentPageContent = replaceImgContent(contentArray,reCount,imgMatchContentArray);
}
}
if(currentPageContent=="")
{
alert("頁碼數(shù)超過范圍");
}
else
{
document.getElementById("annouContent").innerHTML= currentPageContent;
}
/* currentArray:當(dāng)前頁以 * 分割后的數(shù)組
replaceCount:從開始內(nèi)容到當(dāng)前頁的內(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)簽問題的詳細(xì)內(nèi)容,更多關(guān)于js正則匹配table,img的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
正則表達(dá)式性能優(yōu)化方法(高效正則表達(dá)式書寫)
這里說的正則表達(dá)式優(yōu)化,主要是針對(duì)目前常用的NFA模式正則表達(dá)式2016-06-06
JavaScript正則表達(dá)式校驗(yàn)非零的負(fù)整數(shù)實(shí)例
本文分享了JavaScript正則表達(dá)式(^-[1-9]\d*$)校驗(yàn)非零的負(fù)整數(shù)實(shí)例代碼,代碼簡單易懂,需要的朋友可以看下2016-12-12
php password密碼驗(yàn)證正則表達(dá)式(8位長度限制)
php password密碼驗(yàn)證正則表達(dá)式(8位長度限制),需要的朋友可以參考下。2011-07-07
Js 小數(shù)驗(yàn)證函數(shù)代碼(基于正則)
經(jīng)常需要使用JS來驗(yàn)證一些數(shù)字(OnKeyPress 事件和onblur事件來驗(yàn)證),寫了兩個(gè)事件來驗(yàn)證,驗(yàn)證了一般情況。2010-05-05
javascript 小時(shí):分鐘的正則表達(dá)式
小時(shí):分鐘的正則表達(dá)式檢查2008-11-11
javascript正則表達(dá)式處理中文和中文標(biāo)點(diǎn)符號(hào)的過程
在寫項(xiàng)目時(shí)遇到需要匹配字符串中所有的漢字并且包括簡單的中文標(biāo)點(diǎn)符號(hào),下面這篇文章主要給大家介紹了關(guān)于javascript正則表達(dá)式處理中文和中文標(biāo)點(diǎn)符號(hào)的相關(guān)資料,需要的朋友可以參考下2024-02-02

