《Javascript iframe交互并兼容各种扫瞄器的解决方法_.docx》由会员分享，可在线阅读，更多相关《Javascript iframe交互并兼容各种扫瞄器的解决方法_.docx（4页珍藏版）》请在三一文库上搜索。
1、Javascript iframe交互并兼容各种扫瞄器的解决方法_ 这篇文章主要介绍了Javascript iframe交互并兼容各种扫瞄器的解决方法的相关资料,特别不错，具有参考借鉴价值，需要的伴侣可以参考下 在Web前端开发中，我们常常会用到iframe这个控件。 但是这个控在内、外交互时，往往各个扫瞄器所用的关键字不同，很是麻烦，为了能够得到子iframe中的window对象，各家扫瞄器有着各家的指定，有的是window，有的是contentWindow等等或许还有我们不知道的。 但是从子页面访问父层页面，其本上大家都是window.parent就可以了。 那么通过这个特征，我们可以在子
2、页面中，把自身的window对象传递给父页面就可以了，这样父页面就很轻松的访问子页面，再也不用靠虑如何从iframe对象上得到window对象了。 二话不说，我们先看代码： 父页面代码： window.iframeWindow = null; function frameReady(subWindow) window.iframeWindow = subWindow; /赋值 ; iframe src = xx /iframe 子页面代码： $(function() window.parent.frameReady(window); ); 通过上面简洁的代码，就可以在父页面中访问iframeW
3、indow对象，挺直得到了子页面的window对象，特别无脑也特别好用。 假如我有多个iframe该怎么办呢？ 这种状况会略微简单一点，但是没关系。我们想连续用法上面的方案，就分析一下现状： 1.我们应当会需要一个类似iframeWindows的集合对象，用于管理全部子页面的window对象。 2.每个子页面在调用parent.frameReady时，必需靠诉父页面一个唯一名称，使得我们可以在父页面中对各个iframe进行精确访问 那么这下就简洁了，子页面要做的事，无非就是一个名称、编号啥的，我们来看代码 window.subWindowName = HelloWorldWindow; $(f
4、unction() window.parent.frameReady(window.subWindowName, window); ); 那么父页面要做的事就是重构frameReady并增加一个参数 window.iframeWindows = ; /这里变成了一个对象 function frameReady(name, window) window.iframeWindowsname = window; ; function getSubWindow(name) return window.iframeWindowsname; 总结： 通过这种方案构建的页面存在以下优点： 1.父子页面的交互仅依靠于parent关键字（而以前的方式中，不仅依靠parent，还要依靠contentWindow、window等其它不确定关键字，最重要的是parent的支持还是特别好的） 2.window对象统一化，削减了每次用法时再恳求的引用链，提高了运行的速度 3.最重要的一点：就是代码写起来轻松多了。 以上所述是我给大家介绍的Javascript iframe交互并兼容各种扫瞄器的解决方法，盼望对大家有所关心 .