本文實例講述了javascript實現(xiàn)網(wǎng)頁子頁面遍歷回調的方法（涉及 window.frames、遞歸函數(shù)、函數(shù)上下文）。分享給大家供大家參考。具體如下：
提煉于本人手寫的純 JavaScript 工具程序，用于遍歷當前網(wǎng)頁的所有子頁面 并執(zhí)行迭代回調，且回調函數(shù)返回值可用于結果回傳，有助于減少閉包變量~
其特點在于 ―― 遞歸遍歷時只檢索子頁面的 Window 對象，不立即執(zhí)行回調函數(shù)，而是在檢索結束后在普通循環(huán)結構中回調。這樣可以盡量減少 遞歸調用時的內存消耗，也簡化了程序結構，易于維護
全局函數(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ù)調用所在的 Window 對象及其子頁面的 Window，其順序同遞歸遍歷var Pages = Frame_Each();console.log( Pages.length );// 定義回調 ―― 回調返回值功能與普通循環(huán)語句的對應：// 1. undefined：continue// 2. false：break// 3. 其它任何值：break && return Valuevar 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程序設計有所幫助。
新聞熱點
疑難解答
