這篇文章主要介紹了javascript實現網頁子頁面遍歷回調的方法(涉及 window.frames、遞歸函數、函數上下文),涉及javascript回調、遍歷等實現技巧,需要的朋友可以參考下

本文實例講述了javascript實現網頁子頁面遍歷回調的方法(涉及 window.frames、遞歸函數、函數上下文)。分享給大家供大家參考。具體如下：

提煉于本人手寫的純 JavaScript 工具程序，用于遍歷當前網頁的所有子頁面 并執行迭代回調，且回調函數返回值可用于結果回傳，有助于減少閉包變量~

其特點在于 —— 遞歸遍歷時只檢索子頁面的 Window 對象，不立即執行回調函數，而是在檢索結束后在普通循環結構中回調。這樣可以盡量減少 遞歸調用時的內存消耗，也簡化了程序結構，易于維護

全局函數 Frame_Each( CallBack )：

1. (function (BOM) { 
2. function All_Frames(iWindow) { 
3. var _Frames_ = [].slice.call(iWindow.frames, 0); 
4. for (var i = 0; i < _Frames_.length; i++) 
5. _Frames_ = _Frames_.concat( arguments.callee(_Frames_[i]) ); 
6. return _Frames_; 
7. } 
8. BOM.Frame_Each = function (CallBack) { 
9. var Frames = [this].concat( All_Frames(this) ); 
10. if (! CallBack) return Frames; 
11. for (var i = 0, CBR; i < Frames.length; i++) { 
12. try { Frames[i].name; } catch (iError) { continue; } 
13. CBR = CallBack.apply(Frames[i], [].slice.call(arguments, 1)); 
14. if (CBR === false) break; 
15. else if (CBR === undefined) continue; 
16. return CBR; 
17. } 
18. }; 
19. })(self); 

使用示例：

1. // 無參數 —— 返回一個數組，包含函數調用所在的 Window 對象及其子頁面的 Window，其順序同遞歸遍歷 
2. var Pages = Frame_Each(); 
3. console.log( Pages.length ); 
4. // 定義回調 —— 回調返回值功能與普通循環語句的對應： 
5. // 1. undefined：continue 
6. // 2. false：break 
7. // 3. 其它任何值：break && return Value 
8. var Search_Result = Frame_Each(function () { 
9. var iFocus = this.document.activeElement; 
10. switch ( iFocus.tagName.toLowerCase() ) { 
11. case 'body': return false; 
12. case 'iframe': return; 
13. } 
14. return iFocus; 
15. }); 
16. Search_Result.innerHTML = 'Hello, Focus!'; 

希望本文所述對大家的javascript程序設計有所幫助。