失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 谷歌浏览器iframe兼容问题_Javascript iframe交互并兼容各种浏览器的解决方法

谷歌浏览器iframe兼容问题_Javascript iframe交互并兼容各种浏览器的解决方法

时间:2021-04-23 01:50:14

相关推荐

谷歌浏览器iframe兼容问题_Javascript iframe交互并兼容各种浏览器的解决方法

在Web前端开发中,我们经常会用到iframe这个控件。

但是这个控在内、外交互时,往往各个浏览器所用的关键字不同,很是麻烦,为了能够得到子iframe中的window对象,各家浏览器有着各家的指定,有的是window,有的是contentWindow等等也许还有我们不知道的。

但是从子页面访问父层页面,其本上大家都是window.parent就可以了。

那么通过这个特征,我们可以在子页面中,把自身的window对象传递给父页面就可以了,这样父页面就很轻松的访问子页面,再也不用靠虑如何从iframe对象上得到window对象了。

二话不说,我们先看代码:

父页面代码:

window.iframeWindow = null;

function frameReady(subWindow){

window.iframeWindow = subWindow; //赋值

};

子页面代码:

$(function(){

window.parent.frameReady(window);

});

通过上面简单的代码,就可以在父页面中访问iframeWindow对象,直接得到了子页面的window对象,非常无脑也非常好用。

如果我有多个iframe该怎么办呢?

这种情况会稍微复杂一点,但是没关系。我们想继续使用上面的方案,就分析一下现状:

1.我们应该会需要一个类似iframeWindows的集合对象,用于管理所有子页面的window对

如果觉得《谷歌浏览器iframe兼容问题_Javascript iframe交互并兼容各种浏览器的解决方法》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。