javascript实现网页子页面遍历回调的方法（涉及 window.frames、递归函数、函数上下文）

本文实例讲述了javascript实现网页子页面遍历回调的方法（涉及 window.frames、递归函数、函数上下文）。分享给大家供大家参考。具体如下：
提炼于本人手写的纯 JavaScript 工具程序，用于遍历当前网页的所有子页面并执行迭代回调，且回调函数返回值可用于结果回传，有助于减少闭包变量~
其特点在于 —— 递归遍历时只检索子页面的 Window 对象，不立即执行回调函数，而是在检索结束后在普通循环结构中回调。这样可以尽量减少递归调用时的内存消耗，也简化了程序结构，易于维护
全局函数 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）;

使用示例：

// 无参数 —— 返回一个数组，包含函数调用所在的 Window 对象及其子页面的 Window，其顺序同递归遍历var Pages = Frame_Each（）;console.log（ Pages.length ）;// 定义回调 —— 回调返回值功能与普通循环语句的对应：//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程序设计有所帮助。