Prototype源碼淺析 String部分(三)之HTML字符串處理

2024-05-06 14:22:35

字體：大中小

來源：轉載

供稿：網友

HTML處理	stripTags \| escapeHTML \| unescapeHTML

JSON處理	unfilterJSON \| isJSON \| evalJSON \| parseJSON
腳本處理	stripScripts \| extractScripts \| evalScripts

現在，String部分轉入具體的關聯應用，分別對應
HTML字符串，JSON字符串和HTML中的腳本字符串。
【亂入一句，有關JSON的一點東西，可以看看http://www.cnblogs.com/TomXu/archive/2012/01/11/2311956.html】
下面分別敘述：
一、HTML字符串
stripTags ：移除字符串中所有的 HTML 標簽。
escapeHTML ：將 HTML 特殊字符轉換為它們的等價實體。（&對應& <對應< >對應> ）
unescapeHTML ：移除字符串中的標簽，并將用實體表示的 HTML 特殊字符轉換為它們的正常形式。（escapeHTML 的逆操作）
stripTags 中的一段正則/</w+(/s+("[^"]*"|'[^']*'|[^>])+)?>|<///w+>/gi用來匹配標簽中的內容，注意不能換行，不過換行的話就有語法錯誤了。
【這個方法唯一需要注意的位置是，stripTags會移除<script>標簽，但是不會移除里面的內容，所以可能將<script>里面的內容暴露出來，影響頁面結構】
二、腳本字符串
stripScripts ：移除字符串中所有的 HTML script 塊。彌補stripTags方法對script標簽的缺陷
extractScripts ：提取出字符串中包含的所有 script 的內容，并將之返回作為一個字符串數組。
evalScripts ：執行字符串中包含的所有 script 塊的內容。返回一個數組，該數組包含每個 script 執行后返回的值。
stripScripts中的正則是對stripTags中一個正則的發展
代碼如下:
function stripScripts() {
var pattern = new RegExp('<script[^>]*>([//S//s]*?)<//script>', 'img');//i忽略大小寫，m換行，g全局
return this.replace(pattern , '');
}

代碼如下:
function extractScripts() {
var matchAll = new RegExp('<script[^>]*>([//S//s]*?)<//script>', 'img'),
matchOne = new RegExp('<script[^>]*>([//S//s]*?)<//script>', 'im');
return (this.match(matchAll) || []).map(function(scriptTag) {
return (scriptTag.match(matchOne) || ['', ''])[1];
});
}

map是對數組的一個擴展，某些瀏覽器有這個原生方法，參見《chrome原生方法之數組》
最后獲得的是一個所有script標簽內部內容的一個數組，因此evalScripts 的做法就很自然的可以想出來——循環遍歷獲得的數組，然后依次執行（eval），存儲每一項執行的結果。
代碼如下:
function evalScripts() {
return this.extractScripts().map(function(script) { return eval(script) });
}

三、JSON處理
unfilterJSON：移除 Ajax JSON 或 JavaScript 響應內容周圍的安全注釋界定符。

上一篇：jQuery LigerUI 使用教程入門篇

下一篇：JS中的public和private對象,即static修飾符