javascript實現(xiàn)網(wǎng)頁子頁面遍歷回調(diào)的方法(涉及 window.frames、遞歸函數(shù)、函數(shù)上下文)
本文實例講述了javascript實現(xiàn)網(wǎng)頁子頁面遍歷回調(diào)的方法(涉及 window.frames、遞歸函數(shù)、函數(shù)上下文)。分享給大家供大家參考。具體如下:
提煉于本人手寫的純 JavaScript 工具程序,用于遍歷當前網(wǎng)頁的所有子頁面 并執(zhí)行迭代回調(diào),且回調(diào)函數(shù)返回值可用于結果回傳,有助于減少閉包變量~
其特點在于 —— 遞歸遍歷時只檢索子頁面的 Window 對象,不立即執(zhí)行回調(diào)函數(shù),而是在檢索結束后在普通循環(huán)結構中回調(diào)。這樣可以盡量減少 遞歸調(diào)用時的內(nèi)存消耗,也簡化了程序結構,易于維護
全局函數(shù) Frame_Each( CallBack ):
(function (BOM) {
function All_Frames(iWindow) {
var _Frames_ = [].slice.call(iWindow.frames, 0);
for (var i = 0; i < _Frames_.length; i++)
_Frames_ = _Frames_.concat( arguments.callee(_Frames_[i]) );
return _Frames_;
}
BOM.Frame_Each = function (CallBack) {
var Frames = [this].concat( All_Frames(this) );
if (! CallBack) return Frames;
for (var i = 0, CBR; i < Frames.length; i++) {
try { Frames[i].name; } catch (iError) { continue; }
CBR = CallBack.apply(Frames[i], [].slice.call(arguments, 1));
if (CBR === false) break;
else if (CBR === undefined) continue;
return CBR;
}
};
})(self);
使用示例:
// 無參數(shù) —— 返回一個數(shù)組,包含函數(shù)調(diào)用所在的 Window 對象及其子頁面的 Window,其順序同遞歸遍歷
var Pages = Frame_Each();
console.log( Pages.length );
// 定義回調(diào) —— 回調(diào)返回值功能與普通循環(huán)語句的對應:
// 1. undefined:continue
// 2. false:break
// 3. 其它任何值:break && return Value
var Search_Result = Frame_Each(function () {
var iFocus = this.document.activeElement;
switch ( iFocus.tagName.toLowerCase() ) {
case 'body': return false;
case 'iframe': return;
}
return iFocus;
});
Search_Result.innerHTML = 'Hello, Focus!';
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
JS 動態(tài)加載js文件和css文件 同步/異步的兩種簡單方式
下面小編就為大家?guī)硪黄狫S 動態(tài)加載js文件和css文件 同步/異步的兩種簡單方式。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
httpclient模擬登陸具體實現(xiàn)(使用js設置cookie)
最簡單的方法就是通過得到的cookie定制一個httpclient,感興趣的朋友可以了解下本文2013-12-12
JavaScript 關鍵字屏蔽實現(xiàn)函數(shù)
JavaScript屏蔽關鍵字,大概的思路就是去用javascript去替換已有的文本,達到替換的目的2009-08-08
人人網(wǎng)javascript面試題 可以提前實現(xiàn)下
JavaScript面試題要求:以下題目必須從一至四題中,選出三道題,使用原生代碼實現(xiàn),不可使用任何框架,第五題為選作題2012-01-01

