首页 > 代码库 > 调用iframe 中的js[兼容各种浏览器]
调用iframe 中的js[兼容各种浏览器]
*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="http://www.mamicode.com/frame.html"></iframe>‘; $("#d1").html(iframe); onIframeLoaded(f1,function() { executeIframeFun("a"); }); /** * iframe加载成功事件 **/ function onIframeLoaded(iframe,onload) { if (iframe.attachEvent) { iframe.attachEvent("onload", function() { onl oad(); }); } else { iframe.onload = function() { onl oad(); }; } } /** * 执行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[兼容各种浏览器]
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。