postMessage+window.name实现iframe跨域通信jquery兼容版

前面的一篇文章我们已经实现了postMessage+window.name实现了iframe高度自适应,iframe跨域通信,这篇文章基于jquery,完善了之前文章作者提到的一些不足,一起来看看。

postMessage+window.name实现跨域iframe高度自适应兼容版

从前面的一篇文章中,我们知道HTML5 PostMessage不支持IE8以下的浏览器跨域,于是我想到了window.name支持ie6和ie7的方案,那么能否把这两种合并起来,给出一种全兼容的跨域方案呢?还别说,真有人能做到。

postMessage iframe跨域解决高度自适应

postMessage iframe跨域解决高度自适应
postMessage是html5引入的API,postMessage()方法允许来自不同源的脚本采用异步方式进行有效的通信,可以实现跨文本文档,多窗口,跨域消息传递.多用于窗口间数据通信,这也使它成为跨域通信的一种有效的解决方案.

js对iframe内外(父子)页面进行操作

js对iframe内外(父子)页面进行操作
怎么对iframe进行操作,1.在iframe里面控制iframe外面的js代码。2.在父框架对子iframe进行操作。

div被iframe遮住(flash遮住),z-index不起作用的解决方法

某些情况下,iframe的级别会大于div,无论你设置z-index为多大,类似的select也有这种情况,本文说说我遇到关于div放在iframe上面,被iframe遮住是如何解决的。

JavaScript防止网页被iframe嵌套

发现前端博客被很多iframe嵌套了,而且很可恶的是谷歌竟然收录了他们的页面,谷歌会直接查询iframe里面的代码,有的排名还不错,这是无法容忍的。下面支招加一段JavaScript代码在头部里,即可防止被人用iframe来使用你的网页了。

站外视频/iframe/web内嵌内容响应式代码

站外视频/iframe/web内嵌内容响应式代码
iframe 响应式布局,CSS代码实现引用外部视频自适应或者iframe自适应响应式布局

iframe高度自适应的6个方法

iframe高度自适应的6个方法
JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。

bootstrap调用iframe

bootstrap使用iframe,Bootstrap iframe实例,Bootstrap加入iframe

跨浏览器使用javascript/jQuery获取iframe的内容

iframe是内联框架,允许你单独的HTML文件加载到一个现有的文件。您还可以加载文件的动态“src”属性。假设有一个需要iframe内容和过程使用JavaScript。下面的例子可以帮助你做,这已经是一个跨浏览器Firefox和IE浏览器 ...