調用iframe 中的js[相容各種瀏覽器]

標籤：style   blog   http   color   io   java   ar   div   sp   

*chrome瀏覽器需要在伺服器環境中測試

<!DOCTYPE html><html>    <head>        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />    </head>    <body>        <div id="d1"></div>        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"> </script>        <script>            $(function() {                var iframe = ‘<iframe id="f1" src="frame.html"></iframe>‘;                $("#d1").html(iframe);                onIframeLoaded(f1,function() {                    executeIframeFun("a");                });                            /**                 *     iframe載入成功事件                 **/                function onIframeLoaded(iframe,onload) {                    if (iframe.attachEvent) {                        iframe.attachEvent("onload", function() {                            onload();                        });                    } else {                        iframe.onload = function() {                            onload();                        };                    }                }                /**                 * 執行iframe的方法                 * funName 方法名                 */                function executeIframeFun(funName) {                    if (window.frames[‘f1‘].contentWindow) {                        window.frames[‘f1‘].contentWindow[funName]();                    } else {                        window.frames[‘f1‘][funName]();                    }                }                        });        </script>    </body></html>

iframe html:

<!DOCTYPE html><html>    <head>        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />    </head>    <body>        子頁面        <script type="text/javascript">            function a(){                alert(‘子頁面‘);            }        </script>    </body></html>

 

調用iframe 中的js[相容各種瀏覽器]